通过选择一个下拉框的值去触发另一下拉框的值第二种方法

完整代码 
<!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>

　　

posted @ 2024-11-21 17:25  Amy清风  阅读(64)  评论(0)    收藏  举报