下拉框之间联动

最新推荐文章于 2024-06-28 18:03:50 发布

原创最新推荐文章于 2024-06-28 18:03:50 发布 · 376 阅读

0 ·

本内容遵循CC 4.0 BY-SA版权协议

网页前端专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个用于选择单位及其相关人员信息的网页组件实现方案。该组件通过下拉框选择单位后，根据不同单位类型动态显示相应的人员选项。适用于企业内部管理系统中快速定位并选择员工。

                        <td>单位名称:</td>
                        <td>
                            <input name="dwid" id="dwid" class="easyui-combobox" data-options="
                            url:'shywpt/team/getJbxxList',
                            valueField:'id',
                            textField:'cjmc',
                            onSelect: function(rec){

                                            if(rec.bs=='jcs'){

                                                $('#gysxm').next().hide();
                                                $('#gysxm').textbox({disabled:true});
                                                $('#ywsxm').next().show();
                                                $('#ywsxm').combobox({disabled:false});
                                                  var url = 'shywpt/team/getRyxmList?id='+rec.id;
                                                $('#ywsxm').combobox('reload', url);
                                            }else{

                                                $('#ywsxm').next().hide();
                                                $('#ywsxm').combobox({disabled:true});
                                                $('#gysxm').next().show();
                                                $('#gysxm').textbox({disabled:false});

                                            }
                                        },
                                        onChange:function(newValue,oldValue){
                                            $('#xm').combobox('clear');
                                        }
                            "/>
                        </td>
                        <td>姓名:</td>
                        <td>
                            <input name="xm" id="ywsxm" required class="easyui-combobox" data-options="
                                url:'shywpt/team/getRyxmList?id=${dwid}',
                                valueField:'id',
                                textField:'chsName',
                                editable:false
                            "/>
                            <input name="xm" id="gysxm" required class="easyui-textbox">
                        </td>