jQWidgets jqxDropDownList 的 selectedIndex 属性

jqxDropDownList 是 jQWidgets 中的组件之一，用于创建下拉列表选择框。selectedIndex 属性是设置或获取下拉列表选择框当前选中项的索引。

语法

// 获取选中项的索引
var index = $('#dropDownList').jqxDropDownList('selectedIndex');

// 设置选中项的索引
$('#dropDownList').jqxDropDownList('selectIndex', index);

参数

index：必需。选中项的索引，从 0 开始计数。如果 index 超出可选项的范围，将不会选中任何选项。

返回值

getIndex() 方法返回选中项的索引。如果没有选中任何项，则返回 -1。

实例

<div id="dropDownList"></div>

<script>
  $(document).ready(function () {
      var source = ["Java", "Python", "JavaScript", "C++", "C#"];
      $("#dropDownList").jqxDropDownList({
          source: source,
          selectedIndex: 0
      });

      // 获取选中项的索引
      var index = $('#dropDownList').jqxDropDownList('selectedIndex');
      console.log(index); // 0

      // 设置选中项的索引
      $('#dropDownList').jqxDropDownList('selectIndex', 2);
  });
</script>

以上代码演示了如何创建一个下拉列表选择框，并将第一个选项作为默认选中项。通过获取 selectedIndex 属性，可以得到当前选中项的索引。通过调用 selectIndex 方法，可以设置当前选中项的索引。

注意事项

• selectedIndex 属性不能用于多选下拉列表选择框（multiple=true）。如果需要选中多个选项，请使用 selectedIndexes 属性。
• selectedIndex 属性可以与 selectItem 方法和 selectedItem 属性搭配使用，来选中指定的选项。