easyui-combobox实现省-市-区县级联菜单

省:<input id="sheng" class="easyui-combobox"  style="width:100px"
data-options="{
url:‘RegionServlet?parentid=0‘,
valueField:‘regionID‘,
textField:‘regionName‘,
onSelect:function(region){

$(‘#shi‘).combobox(‘clear‘); //清除原有项目
$(‘#quxian‘).combobox(‘clear‘); //清除原有项目

$(‘#shi‘).combobox(‘reload‘,‘RegionServlet?parentid=‘+region.regionID);
$(‘#quxian‘).combobox(‘reload‘,‘RegionServlet‘);//清理原有显示内容

//alert(‘选择了省=‘+region.regionID)

}}"
>
<br>
市:<input id="shi" class="easyui-combobox"  style="width:100px"
data-options="{
url:‘RegionServlet‘,
valueField:‘regionID‘,
textField:‘regionName‘,
onSelect:function(region){

$(‘#quxian‘).combobox(‘clear‘); //清除原有项目
$(‘#quxian‘).combobox(‘reload‘,‘RegionServlet?parentid=‘+region.regionID);

//alert(‘选择了省=‘+region.regionID)
}}"
>  

<br>
区县<input id="quxian" class="easyui-combobox"  style="width:100px"
data-options="{
url:‘RegionServlet‘,
valueField:‘regionID‘,
textField:‘regionName‘
}">

时间: 2024-08-08 13:58:12

easyui-combobox实现省-市-区县级联菜单的相关文章

级联菜单

利用二维数组和jQuery实现级联菜单,代码如下: 1.html代码 <div class="form_class"> <label>地址</label> <select name="province" id="province></select> <select name="city" id="city"></select> <

JS实战 &#183; 级联菜单选择省份和城市(两种)

DOM编程步骤.思路 1.定义界面: 通过html标签将数据进行封装: 2.定义一些静态样式: 利用css: 3.需要动态地完成的和用户的交互: a:明确事件源: b:明确事件,将事件注册到事件源上: c:通过JS的函数对象对事件进行封装: d:在处理过程中需要明确处理区域. 代码一如下: <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"> <head> <meta htt

MUI全国城市区县级联json转换sql建表

最近试水hbuilder,使用html5+和Mui结合实现手机App开发. 这一套开发体系是Dcloud创建的,核心是提供了一套全html5+js实现手机APP端的开发(所谓的移动App)方案,以区别传统的webview实现的“Mobile web”,可谓html5的自我颠覆,左右互博——看起来像是自己否定了web实现手机开发的思路,阉割了web在B/s上面的优势,而仅仅用html5+js来作为app开发语言,亮点在于可以用hbuilder自助打包成apk和ipa,解决了原生html5实现web

前台JS(Jquery)调用后台方法 无刷新级联菜单示例

前台用AJAX直接调用后台方法,老有人发帖提问,没事做个示例 下面是做的一个前台用JQUERY,AJAX调用后台方法做的无刷新级联菜单 http://www.dtan.so CasMenu.aspx页面: [html] view plaincopyprint? <%@ Page Language="C#" AutoEventWireup="true" CodeFile="CasMenu.aspx.cs" Inherits="_De

全国三级城市级联菜单

Html: 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <head> 4 <title>jQuery

EasyUI Combobox组合框(模糊搜索、默认值绑定)

EasyUI Combobox组合框是个比较好用的前端组件,例如它支持本地搜索和远程搜索,这样就可以免去自己写模糊查询.基本使用方式如下: <input id="cc" name="dept" value="aa"> $('#cc').combobox({ url:'JsonData.ashx', valueField:'id', //表单值 textField:'text', //表单文本 mode:'local', //本地搜索

[伪] 级联菜单,两级菜单

[伪] 级联菜单,两级菜单 这段时间需要做一个类似效果的一个菜单样式,所以就查了各种文档,各种百度各种搜索,的确也是搜到了不少的第三方组件,比如(CascadingMenuViewLib)就是其中一个,但是,我脑子笨,研究了3天左右的时间,改不成我需要得样子,So...我用我自己的方式,实现了这个效果(对了,还没有完全实现,因为TextView被点中的样式我还没有设置,不过这都是小事情了..) 在这里,我提供一个思路,代码很简单,当然,我也会附一些上来,好的,我首先说一下思路 首先,我们的xml

[Easyui - Grid]为easyui的datagrid、treegrid增加表头菜单,用于显示或隐藏列

为easyui的datagrid.treegrid增加表头菜单,用于显示或隐藏列 /** * @author 孙宇 * * @requires jQuery,EasyUI * * 为datagrid.treegrid增加表头菜单,用于显示或隐藏列,注意:冻结列不在此菜单中 */ var createGridHeaderContextMenu = function(e, field) { e.preventDefault(); var grid = $(this);/* grid本身 */ var

easyui combobox 本地数据实现输入中文拼音简码过滤数据

<pre name="code" class="html"><input class="easyui-combobox" name="language" data-options=" data: baseData.emp.ck, width: 105, height: 26, valueField: 'id', textField: 'text', inputCode: 'inputCode', /