通过选择一个下拉框的值去触发另一下拉框的值第二种方法
完整代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>通过选择一个下拉框的值去触发另一下拉框的值</title>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<style>
.product-description {
margin-top: 20px;
font-size: 1.2em;
}
</style>
</head>
<body>
<select id="type1" onchange="changeType(this)">
<option value=""> ---请选择--- </option>
<option value="1">一般资产</option>
<option value="2" >固定资产</option>
<option value="3">其他</option>
</select>
<select id="type2">
<option value=""> ---请选择--- </option>
<option value="7">柜子</option>
<option value="8" >电脑</option>
<option value="9">其他</option>
</select>
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
function changeType(obj){
var type1Val=$(obj).val();
if(type1Val == '1'){//当选择为“一般资产”时则自动选择“柜子”
$("#type2").children("[selected='selected']").removeAttr("selected");
var $type2List=$("#type2").children();
for(i=1;i<$type2List.length;i++){
if($type2List[i].value=='7'){
$($type2List[i]).attr("selected","selected");
break;
}
}
}
}
</script>
</body>
</html>
