作者tkdmaf (皮皮快跑)
看板PHP
标题Re: [请益] 请教各位高手关於两阶层下拉选单疑问
时间Thu Jun 21 08:14:31 2012
我的做法就比较省一点大量资料的工了。
也就是将要显示的资料预先用json格式来放，到使用时再解回select。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script src="jquery.js"></script>
<script>
var mydata = {
"1":["a1","a2","a3"],
"2":["b1","b2","b3","b4"],
"3":["c1","c2","c3","c4","c5"]
}
$(function(){
do_select();
$('#sel1').change(do_select);
})
function do_select(){
$('#sel2').html('');
sel1_value = $('#sel1 option:selected').val();
sel2_op = mydata[sel1_value];
for(var key in sel2_op){
value = sel2_op[key]
$('#sel2').append('<option value="'+value+'">'+value+'</option>')
}
}
</script>
</head>
<body>
<select id="sel1">
<option value="1" selected>1</option>
<option value="2">2</option>
<option value="3">3</option>
</select>
<select id="sel2">
</select>
</body>
</html>
若是select2的value和显示的内容有所不同。
就稍微修正一下json的资料格式和解阵列的方式就好了。
范例显示在这里：
http://pipirun.gotdns.com/test/double_select
--
※ 发信站: 批踢踢实业坊(ptt.cc)
◆ From: 175.180.97.168
※ 编辑: tkdmaf 来自: 175.180.97.168 (06/21 08:15)
※ 编辑: tkdmaf 来自: 220.136.71.43 (06/21 10:05)
1F：推 MOONRAKER:json赞 06/21 15:01