<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 10 Transitional//EN" " >
用这段就能实现你要的效果
<select id="selectKK" onChange="onChangeSelect();">
<option value="a">a</option>
<option value="b">b</option>
<option value="c">c</option>
</select>
<input id="classID" name="classID" value="" />
<select id="selectKK2" onChange="onChangeSelect2();">
<option value="A">A</option>
<option value="B">B</option>
<option value="C">C</option>
</select>
<input id="classID2" name="classID" value="" />
<script>
function onChangeSelect(){
documentgetElementById("classID")value=documentgetElementById("selectKK")value;
}
function onChangeSelect2(){
documentgetElementById("classID2")value=documentgetElementById("selectKK2")value;
}
</script>
这个必须要在改变之前获取并保存，可以用变量保存起来，也可以直接附加在这个select标签上，如：
<select id="mysel"><option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
</select>
<script type="text/javascript">
var mysel = $("#mysel");
myseldata("last", myselval())change(function () {
//var mysel = $(this);
var oldvalue = myseldata("last");//这次改变之前的值
myseldata("last", myselval()); //每次改变都附加上去，以便下次变化时获取
var newvalue = myselval(); //当前选中值
})
</script>
var count = 0;
$('select')each(function(){
count += $(this)val() == "0" 1 : 0;
});
<html>
<script language="javascript" src="jquery-141minjs"></script>
<script language="javascript">
$(function(){
$("#main_1 inputsubmit")click(function(){
var _d1=$("#main_1 selectdate")val(),
_t1=$("#main_1 inputtime")val();
alert(_d1+"\n"+_t1)
})
$("#main_2 inputsubmit")click(function(){
var _d2=$("#main_2 selectdate")val(),
_t2=$("#main_2 inputtime")val();
alert(_d2+"\n"+_t2)
})
})
</script>
<div id="main_1">
第一时间：
<select class='date'>
<option value='1'>第一天</option>
<option value='2'>第二天</option>
<option value='3'>第三天</option>
<option value='4'>第四天</option>
<option value='5'>第五天</option>
</select>
<input type="text" name="time" class='time'>
<input type="submit" class='submit' value="提交" >
</div>
<div id="main_2">
第二时间：
<select class='date'>
<option value='1'>第一天</option>
<option value='2'>第二天</option>
<option value='3'>第三天</option>
<option value='4'>第四天</option>
<option value='5'>第五天</option>
</select>
<input type="text" name="time" class='time'>
<input type="submit" class='submit' value="提交">
</div>
</html>
应该是你所要的，试试看吧，亲！
给第一个select加js事件，点击它的时候动态加载第二个select的内容，比如写个ajax获取第一个select的value（这个value是哪个quanx_id），然后去后台请求，后无论是用缓存还是说直接从数据库中查，得到这个value对应的field，再返回数据到前台进行处理。也可以在页面加载的时候就直接吧每个quanx_id的对应关系全部查找并在模板中的js用相应变量存储后，再采用上面的思路去动态加载就是了。反正最终都是当select1的value发生变化，动态加载select2的value
以上就是关于我在页面中写了两个select，想在第一个select内容改变时自动定义第二个select的option。 请教如何实现全部的内容，包括:我在页面中写了两个select，想在第一个select内容改变时自动定义第二个select的option。 请教如何实现、如何select2自动获取焦点、请教input获得select值等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）