‘壹’ Jquery ajax二级联动问题(表单提交后,选择的select项为选中状态)
如果是ajax提交,应该显示的还是原来选中的项。如果是普通form提交,那页面就跳转了。再打开form 要显示前面的值, 只有将前面的值存起来才可以吧。
加入选定的值是 value1 那就判断先。
if(item.id!=value1)
$("<optionvalue='"+item.id+"'>"+item.name+"</option>").appendTo($("#departmentId"));
else
$("<optionvalue='"+item.id+"'selected='selected'>"+item.name+"</option>").appendTo($("#departmentId"));
‘贰’ jquery如何动态产生二级联动,就是点击添加按钮后产生一个二级联动
二级联动:
<script>
//点击按钮生成一级联动
$("button").on("click",function(){
varoneSelect="<selectname='oneSelect'></select>";
$("body").append(oneSelect);
});
//这里说明下,英文二级联动是根据一级联动来的,逻辑代码看你自己了,因为
//一级联动是js动态生成的,再绑定事件涉及特殊方法live,而live这个方法1.8.3
//jquery版本以后是废弃的,所以要使用
//$("select[name=oneSelect]").on("change","父级节点",fucntion(){});
//根据你的一级联动以及需求选择触发二级联动
$("select[name=oneSelect]").live("change",function(){
vartwoSelect="<selectname='twoSelect'></select>";
$("body").append(twoSelect);
});
</script>
‘叁’ php+jquery+MySQL 怎么实现二级联动
二级联动网上就有现成的jquery代码
搜索jquery三级联动菜单
‘肆’ 如何用PHP实现select二级联动,根据第一个下拉框选择的内容来选择第二个下拉框的内容
给第一个select加js事件,点击它的时候动态加载第二个select的内容,比如写个ajax获取第一个select的value(这个value是哪个quanx_id),然后去后台请求,后无论是用缓存还是说直接从数据库中查,得到这个value对应的field,再返回数据到前台进行处理。也可以在页面加载的时候就直接吧每个quanx_id的对应关系全部查找并在模板中的js用相应变量存储后,再采用上面的思路去动态加载就是了。反正最终都是当select1的value发生变化,动态加载select2的value.
‘伍’ 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}proctclass where id='$fid' and sid>0 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>";
?>
‘陆’ php jquery ajax 二级联动问题
用户先选择第一个列别中的内容(大类),鼠标失去焦点时触发事件中根据第一个大类选中的内容用Ajax到后台提取第二个类别中需要的内容 然后用jquery的append 方法把获取到的数据加到第二个列表中就OK了
‘柒’ thinkphp的二级联动
html文件:
liandong.html
首先要引入jquery.js文件
<html>
<title>二级联动</title>
<head>
<script src="__PUBLIC__/scripts/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('#AreaId').change(function(){
//获取父类的id
var $id=$('#AreaId').val();
//通过ajax进行传值
$.getJSON('__URL__/liandong',{id:$id},function(data){
//回调函数
if (data.status==1){
//首先清除子类中值不为空的,如果没有这句话你会发现子类的显示会这个增加,二不是你想要的结果
$('#ServerId option[value!=""]').remove();
//计算返回数组的数目,并循环显示
for (var i=0;i<=data.data.length;i++) {
//定义html标签,和显示的值,id和type_name为数据库中的字段名
var option ="<option value="+data.data[i].id+">"+data.data[i].type_name+"</option>";
//显示的位置
$(option).appendTo('#ServerId');
}
}
});
});
});
</script>
</head>
<body>
<select id="AreaId" name="AreaId">
<option selected="selected" value="">请选择游戏区</option>
<?php
//循环显示父类
foreach($plei as $val){
?>
<option value="{$val[id]}">{$val[type_name]}</option>
<?php
}
?>
</select>
<select id="ServerId" name="ServerId">
<option selected="selected" value="">请选择游戏服</option>
</select>
</body>
</html>
php文件
IndexAction.class.php
class IndexAction extends Action {
public function liandong(){
//实例化数据表
$type=M('Type');
//首先是查询类别表中的父类,我的是父类的pid都为0
$plei=$type->where('pid=0')->select();
//分配变量
$this->assign("plei",$plei);
//这个主要是判断父类的内容是否发生变化,此判断非常重要(ps:我那会没写这个判断,总是出错,非常头疼)
if($_GET[id]){
$sel=$type->where('pid='.$_GET[id])->select();
$this->ajaxReturn($sel,'子类',1);
}
$this->display();
}
}
‘捌’ 怎么用jquery实现二级联动
你好!
下面是个简单的小例子,仅供参考:
<scripttype="text/javascript">
$(document).ready(function(){
vardata={
"liaoning":{
"210100000000":"沈阳市",
"210200000000":"大连市",
"210300000000":"鞍山市"
},
"heilongjiang":{
"230100000000":"哈尔滨市",
"230200000000":"齐齐哈尔市",
"230300000000":"鸡西市"
}
};
$("#aa").change(function(){
if(this.value==0){
$("#bb").empty();
}else{
for(varkeyindata){
if(key==this.value){
$("#bb").empty();
for(varkkeyindata[this.value]){
$("<option/>").attr("value",kkey).text(data[this.value][kkey]).appendTo($("#bb"));
}
}
}
}
});
});
</script>
</head>
<body>
<selectid="aa">
<optionvalue="0">请选择省</option>
<optionvalue="liaoning">辽宁</option>
<optionvalue="heilongjiang">黑龙江</option>
</select>
<selectid="bb">
</select>
</body>
希望对你有帮助!