option联动
例:
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8">
<title>option联动</title>
<script src="jquery.js"></script>
</head>
<body>
<select id="service_id" οnchange="changeService(this.value)">
<option value="1">服务1</option>
<option value="2">服务2</option>
</select>
<select id="sid">
<option value="1" name="service_child_1">1</option>
<option value="2" name="service_child_1">2</option>
<option value="3" name="service_child_1">3</option>
<option value="4" name="service_child_1">4</option>
<option value="5" name="service_child_1">5</option>
<option value="6" name="service_child_2">6</option>
<option value="7" name="service_child_2">7</option>
<option value="8" name="service_child_2">8</option>
<option value="9" name="service_child_2">9</option>
<option value="10" name="service_child_2">10</option>
</select>
<script>
function changeService(value){
$("#sid").children("option").wrap("<span style='display:none'></span>");
$("#sid").children("span").children("option[name='service_child_"+value+"']").unwrap();
var first=$("option[name='service_child_"+value+"']").first().val();
$("#sid").val(first);
}
$(function(){
changeService(1)
})
</script>
</body>
</html>