easyui combobox如何删除选中的项目

 easyui combobox没有提供datagrid类似的deleteRow方法删除数据行,要删除combobox的选中的指定项目要怎么删除。

答案

3个回答

可以直接操作数据源来实现easyUI combobox下拉项目的删除。getData获取数据后删除数据源中的项目,然后再loadData加载下数据源就行。<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></select>

$(function () {

$("#cmbBrand").combobox({

onChange: function (newValue, oldValue) {

$('#cmbJob').combobox('clear');//清空选中项

$('#cmbJob').combobox('loadData', {});//清空option选项

var BrandID = $("#cmbBrand").combobox("getValue");

if (BrandID != 0) {

$.ajax({

url: "/HR/Employee/GetJobs",

data: { BrandID: BrandID, },

dataType: 'json',

success: function (data) {

$('#cmbJob').combobox({

data: data,

valueField: 'id',

textField: 'text',

editable: false //不可编辑

});

                    $('#cmbJob').combobox('setValue', data[0].id);//设置默认值             
                }  
            });  
        }  
    }  
});  

});

重新初始化一下这个对象就可以了

Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
立即提问