zoukankan      html  css  js  c++  java
  • 关于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;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

  • 相关阅读:
    Module:template
    Grunt:GruntFile.js
    Grunt:常见错误
    架构:架构-1
    架构:目录
    DS:template
    Jasper:用户指南 / 设备 / 生命周期管理 / SIM 卡状态
    Jasper-Api:接口测试
    linux服务之git
    Java实现 洛谷 P1487 陶陶摘苹果(升级版)
  • 原文地址:https://www.cnblogs.com/tldxh/p/6929873.html
Copyright © 2011-2022 走看看