jquery二级联动,实现二级联动

jquery 二级联动 select 无法选中 option

乍一看你代码有很多小细节上的不规范，也不知道是粘贴上来少了，我改下你php页

在头屯河等地区，都构建了全面的区域性战略布局，加强发展的系统性、市场前瞻性、产品创新能力，以专注、极致的服务理念，为客户提供网站制作、成都网站制作 网站设计制作定制制作,公司网站建设,企业网站建设,成都品牌网站建设,成都营销网站建设,外贸营销网站建设,头屯河网站建设费用合理。

select只能有1个option有selected属性，如果多个都有，只会落在最后1个上

?php

//这是jQuery里load的这个页面

include('loginis.php');

include('../include/db_class.php');

//数据库操作，根据情况换成自己的数据操作

$fid=intval($fid);

$resultclass=$db-query("select * from ${dbpre}productclass where id='$fid' and sid0 order by position asc");

echo "select id='sid' name='sid'";

echo"option value=''请选择/option";

while($type=$db-getarray($resultclass)){

echo "option value='$type[sid]' ".( $type['sid'] == 3?"selected":"" )."$type[name]/option";

}

echo "/select";

?

怎么用jquery实现二级联动

你好！

下面是个简单的小例子，仅供参考：

script type="text/javascript"

$(document).ready(function(){

var data={

"liaoning":{

"210100000000":"沈阳市",

"210200000000":"大连市",

"210300000000":"鞍山市"

},

"heilongjiang":{

"230100000000":"哈尔滨市",

"230200000000":"齐齐哈尔市",

"230300000000":"鸡西市"

}

};

$("#aa").change(function(){

if(this.value==0){

$("#bb").empty();

} else {

for(var key in data){

if(key==this.value){

$("#bb").empty();

for(var kkey in data[this.value]){

$("option /").attr("value",kkey).text(data[this.value][kkey]).appendTo($("#bb"));

}

}

}

}

});

});

/script

/head

body

select id="aa"

option value="0"请选择省/option

option value="liaoning"辽宁/option

option value="heilongjiang"黑龙江/option

/select

select id="bb"

/select

/body

希望对你有帮助！

jQuery如何实现下拉框的二级联动？

给你一个三级联动的，你你参考一下

script language="JavaScript" type="text/javascript"

function createCode()

{

//数组赋值

var varname = new Array(4);

varname[0] = "请选择";

varname[1] = "红色";

varname[2] = "黄色";

varname[3] = "蓝色";

//下拉框赋值

for(var i=0;i4;i++)

{

document.getElementById('xlk1').options[i] = new Option(varname[i],i);

}

copy();

}

//复制下拉框一给下拉框二

function copy()

{

for(i=0;idocument.getElementById("xlk1").options.length;i++)

{

document.getElementById('xlk2').options[i] = new Option(document.getElementById("xlk1").options[i].text,i)

}

copytwo();

}

//复制下拉框一给下拉框二

function copytwo()

{

for(i=0;idocument.getElementById("xlk2").options.length;i++)

{

document.getElementById('xlk3').options[i] = new Option(document.getElementById("xlk2").options[i].text,i)

}

}

function onChange1()

{

//获取下拉框1的选中项

var strid=document.getElementById("xlk1").value;

//获取选中项的内容

//var strtxt=document.getElementById("xlk1").options[window.document.getElementById("xlk1").selectedIndex].text;

//获取指定ID下拉框的项总数

//var strnub=document.getElementById("xlk1").options.length;

copy();

if(strid != 0)

{

document.getElementById("xlk2").options.remove(strid);

document.getElementById("xlk3").options.remove(strid);

}

document.getElementById("textfield").value=strid+strtxt+strnub;

}

function onChange2()

{

//获取下拉框1的选中项

var strid2=document.getElementById("xlk2").selectedIndex;

//获取选中项的内容

var strtxt2=document.getElementById("xlk2").options[window.document.getElementById("xlk2").selectedIndex].text;

//获取指定ID下拉框的项总数

var strnub2=document.getElementById("xlk2").options.length;

copytwo();

if(strid2 != 0)

{

document.getElementById("xlk3").options.remove(strid2);

}

}

/script

body onLoad="createCode()"

form id="form1" name="form1" method="post" action=""

select name="xlk1" id="xlk1" onChange="onChange1()"/select

select name="xlk2" id="xlk2" onChange="onChange2()"/select

select name="xlk3" id="xlk3"/select

/form

jquery如何动态产生二级联动，就是点击添加按钮后产生一个二级联动

二级联动:

script

//点击按钮生成一级联动

$("button").on("click",function(){

var oneSelect = "select name='oneSelect'/select";

$("body").append(oneSelect);

});

//这里说明下，英文二级联动是根据一级联动来的，逻辑代码看你自己了，因为

//一级联动是js动态生成的，再绑定事件涉及特殊方法live,而live这个方法1.8.3

//jquery版本以后是废弃的，所以要使用

//$("select[name=oneSelect]").on("change","父级节点",fucntion(){});

//根据你的一级联动以及需求选择触发二级联动

$("select[name=oneSelect]").live("change",function(){

var twoSelect = "select name='twoSelect'/select";

$("body").append(twoSelect);

});

/script

怎么用JQuery设置两级联动

可以选择用post方法

思维是

现用post方法给第一个框赋值，然后默认取第一个框里的第一个值，给第二个框赋值。然后给一个框加一个onselect事件。控制第二个框值的变化

给你个大概例子(我用的easyui的框架)   springMVC

//url是指你的后台方法地址（此方法进入页面加载）

$.post(url, {

//这里加条件（可以不加）

}, function(data1) {

$('#DEPT_NO1').combobox('clear');

$('#DEPT_NO1').combobox('loadData', data1);

//默认显示第一个值

$('#DEPT_NO1').combobox('setValue', data1[0].id);

$.post(url, {

//默认将第一个值赋进去

DeptId : data1[0].id

}, function(data2) {

$('#EMP_NAME1').combobox('clear');

$('#EMP_NAME1').combobox('loadData', data2);

});

});

function getUserByDept(rec) {

$.post(url, {

DeptId : rec.id

}, function(data1) {

$('#EMP_NAME1').combobox('clear');

$('#EMP_NAME1').combobox('loadData', data1);

});

}

input id="DEPT_NO1" name="DEPT_NO1" style="width: 223px" class="easyui-combobox" data-options="valueField:'id',textField:'text',panelHeight:'200',onSelect:function(rec){getUserByDept(rec);}"

input id="EMP_NAME1" name="EMP_NAME1" class="easyui-combobox" style="width: 95px" data-options="valueField:'id',textField:'text',panelHeight:'200'"