一个下拉框选中,其他全部选中

提问 未结
13 398
斌664
斌664 6天前
悬赏:20飞吻

如图,求个大佬教一下
回帖
  • 斌664
    6天前
    <table class="layui-table" id="Formselect">
    <thead>
    <tr>
    <th minwidth="60" align="center">公司</th>
    <th minwidth="170" align="center">表单</th>
    </tr>
    <tr>
    <th minwidth="60" align="center">----------</th>
    <th minwidth="170" align="center">
    <select id="formselect" name="formselect" lay-filter="formselect" >
    <option value=""></option>
    @foreach (Model.Basic_FormCustomerInfo item in ViewBag.listform)
    {
    <option value="@item.FormCustomerId" dataname="@item.FormName">@item.FormName</option>
    }
    </select></th>
    </tr>
    </thead>
    </table>
    0 回复
  • 斌664
    6天前
    var addtr = $("<tr dataid=\"" + ids[i] + "\" dataname=\"" + names[i] + "\" >" +
    "<td >" + names[i] + " </td>" +
    "<td> <select name='formse' lay-verify='required' ><option value=''>请选择</option>@foreach (Model.Basic_FormCustomerInfo item in ViewBag.listform) {<option value='@item.FormCustomerId' >@item.FormName</option>}</select></td>" +
    "</tr>");
    $("#Formselect").append(addtr);
    0 回复
  • 斌664
    6天前
    表格是动态添加的
    0 回复
  • 这不是技术问题,是逻辑问题。
    0 回复
  • 斌664
    6天前
    @空城丶 大佬,我是新手求解答,写的jquery始终没法用
    0 回复
  • 我用的 是jquery 的树,你先看文档 我截图给你
    0 回复
  • layui.use(['table', 'layer', 'jquery'], function () {
    var table = layui.table;
    var $ = layui.jquery;
    var layer = layui.layer;

    //Ztree
    var setting = {
    view: {
    dblClickExpand: false,
    showLine: false,
    selectedMulti: false,
    showIcon: true
    },
    data: {
    simpleData: {
    enable: true,
    idKey: "id",
    pIdKey: "pId",
    rootPId: ""
    }
    },
    async: {
    //异步加载
    enable: true,
    contentType: "application/json",
    url: "../Area/GetTreeList",
    autoParam: ["id", "pId", "name"]
    },
    callback: {
    onClick: onClick
    }
    };

    //Ztree 点击事件
    function onClick(e, treeId, treeNode) {
    $('#REGION_ID').val(treeNode.id);
    table.reload('idRegion', {
    where: { ID: treeNode.id },
    page: {
    curr: 1 //重新从第 1 页开始
    }
    });
    table.reload('idArea', {
    where: { ID: treeNode.id },
    page: {
    curr: 1 //重新从第 1 页开始
    }
    });
    }

    //初始化
    $(document).ready(function () {
    var t = $("#treeDemo");
    t = $.fn.zTree.init(t, setting, null);
    demoIframe = $("#testIframe");
    var zTree = $.fn.zTree.getZTreeObj("tree");
    });



    //监听排序
    table.on('sort(demo)', function (obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
    table.reload('idRegion', {
    initSort: obj //记录初始排序,如果不设的话,将无法标记表头的排序状态。 layui 2.1.1 新增参数
    , where: { //请求参数(注意:这里面的参数可任意定义,并非下面固定的格式)
    ORDERNAME: obj.field //排序字段
    , ORDER: obj.type //排序方式
    }
    });
    });

    table.on('sort(demo1)', function (obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
    table.reload('idArea', {
    initSort: obj //记录初始排序,如果不设的话,将无法标记表头的排序状态。 layui 2.1.1 新增参数
    , where: { //请求参数(注意:这里面的参数可任意定义,并非下面固定的格式)
    AREAORDERNAME: obj.field //排序字段
    , AREAORDER: obj.type //排序方式
    }
    });
    });


    //监听表头工具事件(操作(新增,重置密码))
    table.on('toolbar(demo)', function (obj) {
    if ($('#REGION_ID').val() == -1) {
    layer.msg("请选择区域节点", { icon: 2, time: 2000 });
    return;
    }

    switch (obj.event) {
    case 'layerDemoadd':
    $.layerOpen({
    id: "edit",
    type: 2, //此处以iframe举例
    title: "新增区域信息",
    width: "800px",
    maxmin: true,
    height: "600px",
    content: '../Area/AddEdit?PARENT_ID=' + $('#REGION_ID').val(),
    btn: ['确定', '取消'], //只是为了演示
    yes: function (iBody) {

    iBody.find('#btnSubmit').click();
    table.reload('idRegion', {
    //where: data.field,
    page: {
    curr: 1 //重新从第 1 页开始
    }
    });
    $.fn.zTree.init($("#treeDemo"), setting, null);
    },
    btn2: function () {

    layer.close();
    }
    });
    break;
    };
    });
    //监听表头工具事件(操作(新增,重置密码))
    table.on('toolbar(demo1)', function (obj) {
    if ($('#REGION_ID').val() == -1) {
    layer.msg("请选择区域节点", { icon: 2, time: 2000 });
    return;
    }
    var data = obj.data; //获得当前行数据
    switch (obj.event) {
    case 'layerDemorelate':
    $.layerOpen({
    id: "relate",
    type: 2, //此处以iframe举例
    title: "关联行政区域",
    width: "800px",
    maxmin: true,
    height: "600px",
    content: '../Area/Region?REGION_ID=' + $('#REGION_ID').val(),
    btn: ['确定', '取消'], //只是为了演示
    yes: function (iBody) {
    iBody.find('#btnSubmit').click();
    table.reload('idRegion');
    table.reload('idArea');
    },
    btn2: function () {

    layer.close();
    }
    });
    break;
    };
    });

    //监听工具条(操作(查看,编辑,删除))
    table.on('tool(demo)', function (obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
    var data = obj.data; //获得当前行数据
    var layEvent = obj.event; //获得 lay-event 对应的值
    if (layEvent === 'del') {
    layer.confirm('真的删除行么', function (index) {
    obj.del(); //删除对应行(tr)的DOM结构
    layer.close(index);
    //向服务端发送删除指令
    $.formSubmit({
    url: "../Area/Delete",
    data: { REGION_ID: obj.data.REGION_ID },
    success: function () {
    $.fn.zTree.init($("#treeDemo"), setting, null);

    table.reload('idRegion', {
    //where: data.field,
    page: {
    curr: 1 //重新从第 1 页开始
    }
    });
    }
    });
    });
    } else if (layEvent === 'edit') {

    $.layerOpen({
    id: "edit",
    type: 2, //此处以iframe举例
    title: "编辑区域信息",
    width: "800px",
    maxmin: true,
    height: "600px",
    content: "../Area/AddEdit?REGION_ID=" + data.REGION_ID,
    btn: ['确定', '取消'], //只是为了演示
    yes: function (iBody) {

    iBody.find('#btnSubmit').click();
    table.reload('idRegion', {
    //where: data.field,
    page: {
    curr: 1 //重新从第 1 页开始
    }
    });
    $.fn.zTree.init($("#treeDemo"), setting, null);
    },
    btn2: function () {

    layer.close();
    }
    });
    }


    });


    table.on('tool(demo1)', function (obj) { //注:tool是工具条事件名,test是table原始容器的属性 lay-filter="对应的值"
    var data = obj.data; //获得当前行数据
    var layEvent = obj.event; //获得 lay-event 对应的值
    if (layEvent === 'deleterelate') {
    layer.confirm('真的解除关联么', function (index) {
    obj.del(); //删除对应行(tr)的DOM结构
    layer.close(index);
    //向服务端发送删除指令
    $.formSubmit({
    url: "../Area/DeleteRelate",
    data: { REGION_ID: $('#REGION_ID').val(), AREA_CODE: data.AREA_CODE },
    success: function () {

    table.reload('idArea', {
    //where: data.field,
    page: {
    curr: 1 //重新从第 1 页开始
    }
    });
    }
    });
    });
    }


    });

    });
    0 回复
  • 斌664
    6天前
    @空城丶 我想的是监听下拉框,获取选中的值,再遍历遍历的每一个下拉框,将前面的值设置为选中状态,
    写出来的jq有问题啊,写错了
    0 回复
  • 斌664
    6天前
    form.on('select(formselect)', function () {
    var a = $("#formselect").val();
    $("#Formselect").find("tr").find("select")
    (这里不知道怎么写遍历了)
    { ("option[value='" + a + "']").attr("selected", true); }
    element.render();

    });
    0 回复
  • 斌664
    6天前
    @空城丶 看看怎么写这个遍历啊
    0 回复
  • 斌664
    6天前
    @空城丶 form.on('select(formselect)', function () {
    var a = $("#formselect").val();
    $("#Formselect").find("tr").each(function () {
    $(".formse option[value='" + a + "']").attr("selected", true);
    })

    });
    0 回复
  • 斌664
    6天前
    这样子写也没用
    0 回复
  • @斌664 你多调试调试,现在我也看不出来。
    0 回复