关于select 控件

通过http://www.w3school.com.cn/tiy/t.asp?f=html_select

的测试，测得，select 控件值最多106个、

 

Q:easyui的datagrid中能做到 双击移除数据

 

现在这个使用select控件做的，展示不全。

<select name="nodeList" multiple="multiple" style="height:310px;width:160px;border:1px solid #cccccc;font-size:12px;"></select>

--双击删除

dialogDiv.find('select[name="nodeList"]').dblclick(function () {

var id = dialogDiv.find('select[name="nodeList"] option:selected').val();
if (id) {
selectEd.remove(id);
dialogDiv.find('select[name="nodeList"]').find('option:selected').remove();
}

//$('#selectedUsers option:selected').remove();
});

--添加

dialogDiv.find('select[name="nodeList"]').append('<option value ="' + id + '">' + text + '</option>');

背景 easyui datagrid 双击添加数据至select 标签中

,
onDblClickRow: function (index, row) {
if (single && selectEd.getCount() > 0) {
$.messager.alert('提示', '只能选择一个组织节点');
return;
}
var id = row.Id;
var text = row.UserName;
if (selectEd.contains(id)) {
$.messager.alert('提示', '您已经选择了节点:' + text + "，不能重复选择!");
return;
}

selectEd.put(id, row);
dialogDiv.find('select[name="nodeList"]').append('<option value ="' + id + '">' + text + '</option>');
}

 

select 标签 类似于是一个下拉框组、一个 value与text 的map