jQWidgets jqxDropDownList removeAt() 方法介绍

jQWidgets 是一款功能强大的 JavaScript 组件库，提供了丰富的 UI 组件，包括表格、图表、表单、布局等。jqxDropDownList 是其中的下拉列表组件，而 removeAt() 方法则是用于在下拉列表中删除指定位置的选项。

方法语法

.removeAt(index)

其中，index 为需删除的选项索引，索引从 0 开始。

返回值

该方法没有返回值。

范例代码

// 创建下拉列表
$("#myList").jqxDropDownList({
    source: ['选项1', '选项2', '选项3', '选项4', '选项5']
});

// 删除第 2 个选项
$("#myList").jqxDropDownList('removeAt', 1);

效果演示

下面是 removeAt() 方法的演示效果，可以通过在下拉列表中选择选项来进行删除操作。

<div id="myList" style="width: 200px; height: 25px;"></div>

<script>
$("#myList").jqxDropDownList({
    source: ['选项1', '选项2', '选项3', '选项4', '选项5']
});

$("#removeBtn").click(function(){
    var index = $("#indexText").val();
    if(index !== ""){
        $("#myList").jqxDropDownList('removeAt', index);
    }
});
</script>

注意：上述效果演示代码需要引用 jQWidgets 库和 jQuery 库，具体可以参考官方文档。