我尝试使用下面的代码，当我尝试选择另一个“类别”但产品没有显示在“产品下拉列表”中并且它也被禁用时，我只是第一次完美绑定(bind)。但是我已保留断点，来自网络服务的数据正在到来，但它没有刷新数据
在 HTML 中
<body>
<select id="ddlCategory" style="width: 300px">
<option>---Select---</option>
</select>
<select id="ddlProduct" style="width: 300px">
</select>
<script type="text/javascript">
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
url: "WebService.asmx/GetCategory",
dataType: "json",
success: function (data) {
var dataSource = [];
for (i = 0; i < data.d.length; i++) {
dataSource.push({ "category": data.d[i].category })
};
$("#ddlddlCategory").kendoDropDownList({
dataTextField: "category",
dataValueField: "category",
dataSource: dataSource,
change: ChangeWeek
});
},
failure: function (msg) {
alert(msg);
}
});
//$("#ddlProduct").kendoDropDownList();
function ChangeWeek(e) {
//var ddlProduct = $("#ddlProduct");
var ddlCategory = $("#ddlCategory").data("kendoDropDownList");
var dataItem = ddlCategory.text();
$.ajax({
type: "POST",
url: "WebService.asmx/GetProduct",
data: "{'Category':'" + dataItem + "'}",
contentType: "application/json; charset=utf-8",
dataType: "json",
async: true,
success: function (data) {
debugger
//$("#ddlProduct").empty();
var dataSource = [];
for (i = 0; i < data.d.length; i++) {
dataSource.push({ "product": data.d[i].product })
};
$("#ddlProduct").kendoDropDownList({
dataTextField: "product",
dataValueField: "product",
dataSource: dataSource,
// isVisible: true
});
},
failure: function (msg) {
alert(msg);
}
});
}
var app = new kendo.mobile.Application();
</script>
最佳答案
尝试同时指定dataValueField:
$("#ddlCategory").kendoDropDownList({
dataTextField: "CategoryName",
dataValueField: "CategoryName",
dataSource: dataSource,
change: ChangeWeek
});
关于jquery - Kendo Mobile 中下拉列表的选定值显示 [object object]，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/13968570/