easyui combobox联动示例

  easyui combobox联动示例,2个combobox实现联动asp示例

easyui combobox联动示例

  easyui combobox联动示例源代码如下

data.asp

<%
v=request.QueryString("v")
if v<>"" then'加载二级菜单
  s=""
  for i=0 to 3
    s=s&",{""l"":""label"&v&"_"&i&""",""v"":"&i&"}"
  next
  '上面为简单示例,自己根据v的值查询数据库输出符合配置的json格式的数据
  s="["&right(s,len(s)-1)&"]"
  response.Write s
  response.End'结束输出
end if
'下面是一级菜单的数据,自己查询数据库输出符合下面格式的内容,如果修改过combobox的textField或者valueField的配置注意修改标签名称
 %>[{"l":"label1","v":1},{"l":"label2","v":2},{"l":"label3","v":3}]

combobox-cascade-select.html

<script>
    function loadSecond(r) {
        $('#cc').combobox('reload', 'data.asp?v=' + r.v);
    }
</script>
<input class="easyui-combobox" data-options="valueField: 'v',textField: 'l',url:'data.asp',onSelect:loadSecond" />
<input class="easyui-combobox" id="cc" data-options="valueField: 'v',textField: 'l'" />

 


原创文章,转载请注明出处:easyui combobox联动示例

评论(0)Web开发网
阅读(1556)喜欢(0)不喜欢(1)easyui开发技巧