如何解决选择了 json 值的选择列表项
我正在尝试创建一个充满元素的元素,这些元素通过 json 结果发送到视图,但是我在指示来自 json 的选定值时遇到问题。
方法:
[HttpGet]
public JsonResult GetProductJson()
{
var list = new List<SelectListItem>
{
new SelectListItem { Value = "1",Text = "Aron" },new SelectListItem { Value = "2",Text = "Bob" },new SelectListItem { Value = "3",Text = "Charlie",Selected = true},new SelectListItem { Value = "4",Text = "David" }
};
return Json(list,JsonRequestBehavior.AllowGet);
}
查看:
<select id="MyList"></select>
<script>
fetch("@Url.Content("~/Home/GetProductJson")")
.then(function(result) {
if (result.ok) {
return result.json();
}
})
.then(function(data) {
console.log(data);
$('#MyList').empty();
$.each(data,function(i,value){
$('#MyList').append($('<option/>')
.val(value.Value)
.text(value.Text)
//.selected(value.Selected) == true ? 'Selected': ''
)
})
});
</script>
解决方法
只需将您的代码更改为:
$.each(data,function(i,value){
$('#MyList').append($('<option/>')
.val(value.value)
.text(value.text)
.attr("selected",value.selected)
)
})
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。