easyui combobo 下拉款的值动态删除
时间: 2024-04-15 16:29:26 浏览: 129
easyUI下拉列表点击事件使用方法
您可以使用EasyUI的`combobox`组件的`removeItem`方法来动态删除下拉框中的选项。以下是一个示例代码:
```javascript
// 初始化combobox
$('#combobox').combobox({
valueField: 'id',
textField: 'text',
data: [{
id: '1',
text: 'Option 1'
}, {
id: '2',
text: 'Option 2'
}, {
id: '3',
text: 'Option 3'
}]
});
// 动态删除选项
$('#removeBtn').click(function() {
var valueToRemove = '2'; // 要删除的选项的值
var comboboxData = $('#combobox').combobox('getData');
// 找到要删除的选项并移除
for (var i = 0; i < comboboxData.length; i++) {
if (comboboxData[i].id === valueToRemove) {
$('#combobox').combobox('removeItem', comboboxData[i]);
break;
}
}
});
```
在上述代码中,首先使用`data`属性初始化了一个包含选项的`combobox`。然后,通过点击按钮触发的`click`事件中,根据要删除的选项的值找到该选项,并使用`removeItem`方法将其从下拉框中移除。
请注意,上述代码中的`#combobox`和`#removeBtn`是相应HTML元素的选择器,请根据实际情况进行修改。此外,您还可以根据需要调整其他配置选项和样式。
阅读全文