Question

JS实现一级地区和二级地区联动！求高手改代码！！！万分感谢！！！

<form onsubmit="return allSelected();">
首重
<select id="sel1">
<option value="0">选择价格</option>
<option value="8">广东8元</option>
<option value="10" >江苏10元</option>
</select>
续价
<select id="sel2">
<option value="0">选择续价</option>
<option value="1" >广东1元</option>
<option value="5" >江苏5元</option>
</select>
续重<input id="sel3" size="5" value="0" onFocus="if (value =='0'){value =''}" onBlur="if (value ==''){value='0'}" title="输入续重重量,不含首重!" />
运费:<input id="sum" size="5" style="border:0;background:transparent;width:30px;height:15px;color:#FF0000" title="最终计费" />元(首重+续重费用*重量)
<script type="text/javascript">
<!--
window.onload = function(){
for(var i=1;i<=3;i++){
document.forms[0]["sel" + i].onchange = getSum;
}
}
function getSum(){
var sum = 0;
var val1=parseFloat(document.getElementById("sel1").value);
var val2=parseFloat(document.getElementById("sel2").value);
var val3=parseFloat(document.getElementById("sel3").value);
sum=val1+val2*val3;
document.getElementById('sum').value = sum;
}
function allSelected(){
for(var i=1;i<=3;i++){
if(document.getElementById("sel" + i).value == 0){
alert('请为所有项目选择！');
return false;
}
}
return true;
}
//-->
</script>
</form>
分数有限,恳请高手帮忙修改成一级和二级联动代码!万分感谢!
值得注意的是还需要计算公式不变!
要求就是一级和二级联动起来.还有因为补充问题的字数限制地区我省略了很多.是全国地区都包含的.

Answer 1

http://download.csdn.net/detail/liujian_01/4974474
你看看这个吧，就是第一个变动触发onchange事件，获取对应的二级地区，上面是用ajax从数据库获取二级地区，然后把二级下拉option清空，往Select对象中加入获取到的二级地区

追问

不是我所需的。希望给出实列哦！

追答

ok，我没仔细看不好意思
比如：
function change(){
var op = 0; //获取被选中option编号

$('#sel1').children("option").each(function(){
if($(this)..attr("selected") == true){
break;
}
op++;
})
$('#sel1').children("option").eq(op).attr("selected","selected");//二级选中第 op个option
$('#sum').val(Number($('#sel1').val()) + Number($('#sel2').val()) + Number($('#sel3').val()));//相加
}

选择价格
广东8元
江苏10元

追问

试了两天，搞不了，可以给个完整的实列吗？谢谢！

Answer 2

其实就是一个select的 change事件的事。

追问

希望给出实列.万分感谢!只有给出实列才能给分啊.