jquery 的combobox 处理级联

随笔---jquery 的combobox 处理级联

------------------------html-------------

<select id="groupId" name="groupId" style="width: 123px;">
</select>

--------------------------js------------------------

$(document).ready(function() {
$(‘#groupId‘).combobox({
valueField : ‘key‘,
textField : ‘value‘,
mode:‘remote‘,
url : ‘xxxxx.do?method=xxxx‘,  //数据源
panelHeight : ‘auto‘,
onChange:function(newValue,oldValue){ //级联时间  动态及联
$.ajax({
type:"POST",
url:"xxxx.do?method=xxx&xx="+xxx, //级联数据源
dataType:"json",
async:false,
error:function(XMLHttpRequest, textStatus, errorThrown){
alert("error");
},
success:function(data,textStatus){//成功 赋值显示
        //TODO
}
});
}
});
$(‘#valid‘).combobox({
disabled : false,
panelHeight : ‘auto‘
});
});    
时间: 2024-08-29 09:06:24

jquery 的combobox 处理级联的相关文章

easyUI的combobox实现级联

先简介下combobox: easyUI重写了select,取而代之的是combobox,有例如以下几种方式能够创建一个combobox 1.使用select标签,并加上class="easyui-combobox",这样的方式比較适用于静态的选项 2.使用input标签,并加上class="easyui-combobox",后面跟上data-options,能够用local或是remote方式载入数据 3.使用js方式,和2基本同样,仅仅是把combobox一些属

jquery easyui combobox 从指定位置开始模糊查询

$("#bzr").combobox({ url: "ClassSave.aspx?opt=bzr&bzr=<%=arrbj[2]%>", valueField: "value", textField: "text", mode: "local", filter: function (q, row) { var opts = $(this).combobox('options'); va

jquery easyui combobox 高度自适应

data-options="required:true,editable:false,panelHeight:'auto'"  加上panelHeight:'auto'即可 列合并的情况 columns: [ [ { field: 'nj', title: '年级', width: 80, align: 'center',rowspan:2 }, { field: 'bj', title: '班级', width: 80, align: 'center',rowspan:2 }, {

夜深了,写了个JQuery的省市区三级级联效果

刚刚练手的JQuery,希望大神们指正 主要实现以下功能: 1.三级菜单级联加载数据 2.可以在不操作脚本的情况下,给元素加属性实现级联功能 3.自定义动态显示数据 咨询问题: 对于一般比较固定不变的数据,是不是应该生成静态的文件,直接加载整个数据文件,访问文件比较好?还是这样动态的访问比较好? 一般的数据文件,小的会在50k,大的会在3M 这个可以讨论下 1 /** 2 省市区县级联 3 */ 4 (function($){ 5 6 /* 7 * 8 *获取ele的相对元素 9 * 10 **

JQuery EasyUI Combobox 实现省市二级联动菜单

//编辑修改或新增页面联动可以这样写 jQuery(function(){    // 省级     $('#province').combobox({         valueField:'itemvalue', //值字段         textField:'itemtext', //显示的字段         url:'/user/sort/province_list',         panelHeight:'auto',         required:true,       

下拉框combobox用法&amp;级联餐单

1.单个下拉框: <td> <input id="waytype" name="waytype" class="easyui-combobox" /></td> $(function () { var _actiontype = $('#waytype').combobox({ type: "GET", dataType: 'json', url: "/xxxx/xxxx.json

自己编写jQuery插件 之 无限级联下拉框

因为是级联,所以数据必须是树型结构的,我这里的测试数据如下: 看下效果图: 1.>图一: 2.>图二: 3.>图三: 由图可知,下拉框的个数并不是写死的,而是动态加载的.每当下拉框选择改变的时候,会发送一次ajax请求,请求成功返回json格式数据,当返回的数据不为空时(即有子节点时),则会向页面中添加一个下拉框,没有则不添加. 插件的实现代码如下: (function ($) { $.fn.CascadingSelect = function (options) { //默认参数设置

Datagrid的行内编辑,Combobox的级联。

选择一个省份,市区的信息会发生相应的变化.主要是第一个combobox的值发生变化的时候,访问服务器,获得数据并赋值给第二个combobox,获取数据就是一个ajax时间,在第一个combobox中获得第二个combobox对象: .$.get(ctx+'region/ajaxRegionList.html',{parentid:newValue},function(data){ var ed=$("#"+frm+"#addresstest").datagrid('

jQuery EasyUI CheckBoxTree的级联选中

需求:子结点选中,父节点随之选中,父节点取消,子节点随之取消 代码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title></title> &