Model view controller mvc JQuery JSON.parse()填充下拉列表
我想填充从JSON.parse()返回的Javascript对象的下拉列表。尝试过但没有成功。请帮忙Model view controller mvc JQuery JSON.parse()填充下拉列表,model-view-controller,Model View Controller,我想填充从JSON.parse()返回的Javascript对象的下拉列表。尝试过但没有成功。请帮忙 //这是从模型返回的。我只想把它放在下拉列表中。 //var cat=JSON.parse('[{“Selected”:false,“Text”:“Blue”,“Value”:“1”},{“Selected”:false,“Text”:“Red”,“Value”:“2”},{“Selected”:false,“Text”:“3”},{“Selected”:false,“Text”:“4”}
//这是从模型返回的。我只想把它放在下拉列表中。
//var cat=JSON.parse('[{“Selected”:false,“Text”:“Blue”,“Value”:“1”},{“Selected”:false,“Text”:“Red”,“Value”:“2”},{“Selected”:false,“Text”:“3”},{“Selected”:false,“Text”:“4”},{“Selected”:false,“Text”:“绿色”,“Value”:“5”},{“Selected”:false,“Text”:“Olive”,“Value”:“6”},{“Selected”:false,“Text”:“Text”:“Orange{“选定的”:false,“文本”:“粉色”,“值”:“8”},{“选定的”:false,“文本”:“紫色”,“值”:“9”},{“选定的”:false,“文本”:“黄色”,“值”:“10”}]);
var cat=JSON.parse(“”);
您可以使用以下代码执行此操作:
HTML是
<input type="button" id="btnclick" value="add" />
<select id="drpTemp">
</select>
JQuery代码是
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$("#btnclick").click(function () {
//This is returned from Model. All I want to put that in dropdown.<br />
var cat = JSON.parse('[{"Selected":false,"Text":"Blue","Value":"1"},{"Selected":false,"Text":"Red","Value":"2"},{"Selected":false,"Text":"Grey","Value":"3"},{"Selected":false,"Text":"Black","Value":"4"},{"Selected":false,"Text":"Green","Value":"5"},{"Selected":false,"Text":"Olive","Value":"6"},{"Selected":false,"Text":"Orange","Value":"7"},{"Selected":false,"Text":"Pink","Value":"8"},{"Selected":true,"Text":"Violet","Value":"9"},{"Selected":false,"Text":"Yellow","Value":"10"}]');
var items = cat;
for (var i = 0; i < items.length; i++) {
var item = items[i];
var optionhtml = '<option value="' + item.Value + '>' + item.Text + '</option>';
$("#drpTemp").append(optionhtml);
}
});
});
</script>
$(文档).ready(函数(){
$(“#btnclick”)。单击(函数(){
//这是从模型返回的。我只想把它放在下拉列表中。
var cat=JSON.parse('[{“Selected”:false,“Text”:“Blue”,“Value”:“1”},{“Selected”:false,“Text”:“Red”,“Value”:“2”},{“Selected”:false,“Text”:“3”},{“Selected”:false,“Text”:“4”},{“Selected”:false,“Text”:“Green”,“Value”:“5”{“Selected”:false,“Text”:“Olive”,“Value”:“6”},{“Selected”:false,“Text”:“Text”:“Orange选中:false,“文本”:“粉色”,“值”:“8”},{“选中”:true,“文本”:“紫色”,“值”:“9”},{“选中”:false,“文本”:“黄色”,“值”:“10”}]);
var项目=cat;
对于(变量i=0;i var optionhtml='您是否尝试过var cat=?如果您不使用JSON,它应该会起作用。如果您用cat填写下拉列表,parse()将不胜感激。我是新手,无法填写下拉列表。
<script type="text/javascript" charset="utf-8">
$(document).ready(function () {
$("#btnclick").click(function () {
//This is returned from Model. All I want to put that in dropdown.<br />
var cat = JSON.parse('[{"Selected":false,"Text":"Blue","Value":"1"},{"Selected":false,"Text":"Red","Value":"2"},{"Selected":false,"Text":"Grey","Value":"3"},{"Selected":false,"Text":"Black","Value":"4"},{"Selected":false,"Text":"Green","Value":"5"},{"Selected":false,"Text":"Olive","Value":"6"},{"Selected":false,"Text":"Orange","Value":"7"},{"Selected":false,"Text":"Pink","Value":"8"},{"Selected":true,"Text":"Violet","Value":"9"},{"Selected":false,"Text":"Yellow","Value":"10"}]');
var items = cat;
for (var i = 0; i < items.length; i++) {
var item = items[i];
var optionhtml = '<option value="' + item.Value + '>' + item.Text + '</option>';
$("#drpTemp").append(optionhtml);
}
});
});
</script>