zoukankan      html  css  js  c++  java
  • JQuery EasyUI Combobox联动

    1、js

     $(function () {
                var _mkid = $('#mkid').combobox({
                    url: '../Source/Public/json.ashx?action=mkmch',
                    editable: false,
                    valueField: 'mkid',
                    textField: 'mkmch',
                    onSelect: function (record) {
                        _zhbid.combobox({
                            disabled: false,
                            url: '../Source/Public/json.ashx?action=zhbmch&&mkid=' + record.mkid,
                            valueField: 'zhbid',
                            textField: 'zhbmch'
                        }).combobox('clear');
                    }
                });
                var _zhbid = $('#zhbid').combobox({
                    disabled: true,
                    valueField: 'zhbid',
                    textField: 'zhbmch'
                });
            });

    2、html

       <form id="fm" method="post" novalidate>  
                <fieldset style="border:solid 1px #aaa;padding:5px;">
                    <legend >基本信息</legend>
                    <div style="padding:3px;">
                        <table align="left" border="0" cellpadding="0" cellspacing="0" style="480px;">
                            <tr>
                                <td class="td-right1-color">
                                    年 份:</td>
                                <td style=" 160px">
                                     <select class="easyui-combobox" name="rq" style="166px;">
                                         <option value="2012">2012</option>  
                                         <option value="2013">2013</option>  
                                         <option value="2014">2014</option>  
                                         <option value="2015">2015</option>  
                                         <option value="2016">2016</option>  
                                         <option value="2017">2017</option>  
                                         <option value="2018">2018</option>  
                                         <option value="2019">2019</option>  
                                         <option value="2020">2020</option>  
                                     </select>
                                </td>
                                <td class="td-right2-color">
                                    单位名称:</td>
                                <td style=" 160px">               
                                     <input class="easyui-combobox" name="dwid" style="166px" url='../Source/Public/json.ashx?action=dwmch' 
                                     data-options="valueField:'dwid', textField:'dwmch', panelHeight:'auto'" >  
                                </td>
                            </tr>
                            <tr>
                                <td class="td-right1-color">
                                    模块名称:</td>
                                <td style=" 160px">
                                     <input class="easyui-combobox" id="mkid" style="166px"
                                     data-options="valueField:'mkid', textField:'mkmch', panelHeight:'auto'" >  
                                </td>
                                <td class="td-right2-color">
                                    指标名称:</td>
                                <td style=" 160px">               
                                    <input class="easyui-combobox" id="zhbid" style="166px"  
                                     data-options="valueField:'zhbid', textField:'zhbmch', panelHeight:'auto'" >  
                                </td>
                            </tr>
                               <tr>
                                <td class="td-right1">
                                    本年指标:</td>
                                <td style=" 160px">
                                     <input name="zhbvalue" style="160px">  
                                </td>
                                <td class="td-right2">
                                    </td>
                                <td style=" 160px">               
                                   
                                </td>
                            </tr>
                        </table>   
                     </div>
                </fieldset>
             
            </form>  

    注:Combobox必须设置ID属性,否则不能联动。

  • 相关阅读:
    SQL点滴34—SQL中的大小写
    js关闭和打开页面
    jquery处理checkbox
    CKeditor 配置使用
    .net4.0中的ClientIDMode
    FCKEditor使用说明
    SQL对Xml字段的操作 拓荒者
    c#中BackGroundWorker控件 拓荒者
    C#中DataGradView控件的常用操作 拓荒者
    JavaScript操作Xml 拓荒者
  • 原文地址:https://www.cnblogs.com/easypass/p/2775527.html
Copyright © 2011-2022 走看看