json 応答からアプリケーションのドロップダウン (選択) にオプションを追加しようとしています。
これが私のJSON応答です:
{"Value":[{"Sub_Bhav_Copy_Name":"All","Sub_Bhav_id":"0"},{"Sub_Bhav_Copy_Name":"COC Prices","Sub_Bhav_id":"2"},{"Sub_Bhav_Copy_Name":"Cotton Price","Sub_Bhav_id":"4"},{"Sub_Bhav_Copy_Name":"Kapas Prices","Sub_Bhav_id":"1"},{"Sub_Bhav_Copy_Name":"Yarn Prices","Sub_Bhav_id":"3"}]}
ここに私のjsコードがあります:
function callcottonVarUrl(url) {
$.ajax({
url: url,
type : "GET",
dataType : "json",
contentType: "application/json",
async : false,
success : function(msg) {
jsonRespCtnVar = msg.Value;
alert(jsonRespCtnVar);
$("#CategorySelection option").remove();
$.each(jsonRespFav, function(index, value) {
cottonVarName = value.Sub_Bhav_Copy_Name;
cottonVarId = value.Sub_Bhav_id;
$jsonRespCtnVar = '<option value="'+cottonVarId+'">'+cottonVarName+'</option>';
$('#CategorySelection').append($jsonRespCtnVar);
});
},
error : function(msg) {
alert ("error occured");
}
});
}
そして、ここに .html があります:
<div id="searchbg">
<span>SEARCH COTTON</span>
<p id="selectcontainer">
<b></b>
<select id="CategorySelection" data-native-menu="true" name="" onChange="changetextbox()">
<!-- <option value="">Please Select Cotton Type</option> -->
</select></p>
<div id="search">
<input name="" id="searchBox" type="text"
placeholder="Enter Commodity"> <a href="#"
class="greenbtn" id="button" type="submit"><span class=" sprite"></span></a>
</div>
しかし、これをテストしたところ、ドロップダウンにオプションが生成されませんでした。理由がわかりません。