Kendo ui 最初加载localdatasource，同时更改在kendo中加载服务器端数据的下拉列表

我有一个小要求，即最初我想将本地数据源加载到DropDownList。在更改DropDownlist时，我希望加载服务器端数据源。如果可能的话。

试试这个

<div id='parentDiv'><div id='dropDown'></div></div>

<script type='text/javascript'>

 $(document).ready(function() {
                var data = [
                    { text: "Black", value: "1" },
                    { text: "Orange", value: "2" },
                    { text: "Grey", value: "3" }
                ];

                // create DropDownList from input HTML element
                $("#dropDown").kendoDropDownList({
                    dataTextField: "text",
                    dataValueField: "value",
                    dataSource: data,
                    index: 0,
                    change: onChange
                });

 function onChange(e)
 {

    var serachActionUrl="url";
    $.ajax({
        url: serachActionUrl,
        type: "POST",
        data: { Id: Id},
        traditional: true,
        success: function (result) {
         $('#dropDown').remove();
         $("<div id='dropDown'/>").appendTo('#parentDiv').kendoDropDownList({
              dataTextField: "text",
              dataValueField: "value",
              dataSource: result,
              index: 0,
              change: onChange
          });
        }
    });


</script>

$（文档）.ready（函数（）{
风险值数据=[
{文本：“黑色”，值：“1”}，
{文本：“橙色”，值：“2”}，
{文本：“灰色”，值：“3”}
];
//从输入HTML元素创建DropDownList
$（“#下拉列表”）.kendoDropDownList({
dataTextField:“文本”，
dataValueField:“值”，
数据源：数据，
索引：0，
更改：onChange
});
函数onChange（e）
{
var serachActionUrl=“url”；
$.ajax({
url:serachActionUrl，
类型：“POST”，
数据：{Id:Id}，
传统的：是的，
成功：功能（结果）{
$（“#下拉列表”）.remove（）；
$（“”）.appendTo（'#parentDiv'）.kendoDropDownList({
dataTextField:“文本”，
dataValueField:“值”，
数据源：结果，
索引：0，
更改：onChange
});
}
});

---

从服务器端发送json数据

你能提供正常的html方式吗？我想你的帖子是关于网络的，我不太明白。