easyui combobox删除指定项目

  easyui combobox没有提供datagrid类似的deleteRow方法删除数据行,要删除combobox的下拉项目,可以直接操作数据源来实现easyUI combobox下拉项目的删除。getData获取数据后删除数据源中的项目,然后再loadData加载下数据源就行。

easyui combobox删除指定项目

  easyui combobox删除指定项目源代码如下,居于jquery-easyui-1.4.3/demo/combobox/basic.html修改。

easyui combobox删除指定项目

	<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删除指定项目

评论(0)Web开发网
阅读(376)喜欢(0)不喜欢(0)easyui