easyui combobox删除指定项目
easyui combobox没有提供datagrid类似的deleteRow方法删除数据行,要删除combobox的下拉项目,可以直接操作数据源来实现easyUI combobox下拉项目的删除。getData获取数据后删除数据源中的项目,然后再loadData加载下数据源就行。
easyui combobox删除指定项目源代码如下,居于jquery-easyui-1.4.3/demo/combobox/basic.html修改。
<script> function removeComboxItem(id, v) {//power by show http://www.w3dev.cn/ var rows = $('#' + id).combobox('getData'); for (var i = 0; i < rows.length; i++) if (rows[i].value == v) { rows.splice(i, 1); break; } $('#' + id).combobox('loadData', rows).combobox('setValue',''); } </script><input type="button" value="删除选中的项" onclick="removeComboxItem('cb', $('#cb').combobox('getValue'))" /> <select class="easyui-combobox" name="state" style="width:200px;" id="cb"> <option value="AL" selected>Alabama</option> <option value="AK">Alaska</option> <option value="AZ">Arizona</option> <option value="AR">Arkansas</option> <option value="CA">California</option> <!--------示例中更多的option,不贴出来了------> </select>
加支付宝好友偷能量挖...
原创文章,转载请注明出处:easyui combobox删除指定项目