アイテムが選択されているときにドロップダウンリストの選択値を取得

Question

ドロップダウンリストでは、ページが初めて読み込まれますが、別のアイテムを選択したいときは、もう値を取得できません。

var ss = $('#DeviceType :selected').text(); 
$.ajax({ 
    dataType: "json", 
    type: "POST", 
    url: "@Url.Action(" 
    modelProducer "," 
    AdminTool ")", 
    contentType: "application/json; charset=utf-8", 
    data: JSON.stringify({ 
    "turbineType": ss, 
    }), 
    success: function(data) { 
    modelProducerResult = data; 
    debugger; 

    } 
}); 

Var SSは、毎回ドロップダウンリストの値を取得する必要があります。 ここに私の関数である。

function deviceTypesList(container, options) { 
    $('<input name="DeviceType" id="DeviceType" data-type="string" \">') 
    .appendTo(container) 
    .kendoDropDownList({ 
     dataSource: mydata_deviceType, 
     dataTextField: "Text", 
     dataValueField: "Text", 
     valuePrimitive: true, 
     //dataValueField: "ProductName", 
    }); 
} 

コンソールエラー

あなたはそれが変更されるたびに値を取得するために changeイベントを使用する必要が

Answer 1

：

$("#DeviceType").on('change', function(){ 
    var selectedValue = $(this).find("option:selected").text(); 
    console.log('Value selected is: ' + selectedValue); 
    someName(selectedValue); 
}); 

あなたはAJAX機能に：

function someName(selectedValue) { 
    console.log('Value received is' + selectedValue); 
    $.ajax({ 
    dataType: "json", 
    type: "POST", 
    url: "@Url.Action(" 
    modelProducer "," 
    AdminTool ")", 
    contentType: "application/json; charset=utf-8", 
    data: JSON.stringify({ 
     "turbineType": selectedValue, 
    }), 
    success: function(data) { 
     modelProducerResult = data; 
     debugger; 

    } 
    }); 
}