Question

我正在用html创建一个下拉选择，并尝试使用jQuery更改其中显示的值。

  <form id="my-form">
    <select id="my-select">
      <option>Option 1</option>
      <option>Option 2</option>
      <option>Option 3</option>
    </select>
  </form>

我的Javascript文件为

$(document).ready(function() {
   $("#my-select").kendoDropDownList().data("kendoDropDownList");
   $("#my-select").val("Option 2");
});

Answer 1

由于某些原因，在使用kendoDropdownList时，使用普通的旧jquery's .val()函数时，尝试设置选择的值不起作用。而是像这样使用kendo-ui API .value()：

$(document).ready( function() {
    // create a dropdown with Kendo. notice I set the value returned to a variable
    var my_dropdown = $("#my-select").kendoDropDownList().data("kendoDropDownList");

    // set the kendo dropdown to display a value using kendo api. this works
    my_dropdown.value("Option 2");

    // notice how this does nothing. the value remains 'option 2'
    $("#my-select").val("Option 3");
});

这是一个有效的示例：jsfiddle

无法使用jQuery更改Kendo Dropdown的值

1 个答案: