欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

ligerui 实现二级联动代码简单

程序员文章站 2022-06-11 22:36:13
...

运维别人开发的功能 ,发现应用了ligerui 框架,我们的需求是实现地区与片区的二级联动:代码如下


org_from_area_id = $("#org_from_area_id").ligerComboBox(
                        { url: "${pageContext.request.contextPath}/admin/orgArea.do?findOrgAreaByUsed" ,
                            valueField:'org_from_area_id',
                            textField:'org_from_area_desc',
                      onSelected: function (id) {  
                      
                        $.ajax({  
                            url: '${pageContext.request.contextPath}/report/getdspaylist.do?getRangeList&id='+id,  
                           
                            success: function(data){  
                                data = eval('(' + data + ')');  
                               
                                liger.get('rand_id').setData(data);  
                                //level = lev;  
                            }  
                        });  
                     
                },  
                onButtonClick: function () {  
                    classes = null;  
                }  
            });  
 
            $("#rand_id").ligerComboBox({       
                data: null,                   
               // valueFieldID: 'chooceClass',   
                  valueField:'ran_id',
                textField:'ran_desc',
                })

html 代码:

<td> 奶源地区 </td>
            <td> <input type="text"  name="org_from_area_id" id="org_from_area_id" width="100"/> </td>
            <td> 片区 </td>
            <td> <input type="text"  name="rand_id" id="rand_id" width="100"/> </td>