jquery判断select下拉框中有没有与之相等的val值,有的话选中。没有默认显示无。
展开全部
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="js/jquery-1.7.2.min.js"></script>
</head>
<body>
<input type="text" placeholder="输入想选择的宠物">
<select name="" id="">
<option value=""></option>
<option value="小猫">小猫</option>
<option value="小狗">小狗</option>
<option value="小鸡">小鸡</option>
</select>
<button>确定</button>
<script>
$(function(){
//将选项内容存入数组arr
var arr = [];
for (var i = 0; i < $("select option").length; i++) {
arr.push($("select option").eq(i).val());
}
//为按钮添加点击事件
$("button").click(function(event) {
//获取输入框的内容
var inputVal = $("input").val();
//根据输入框内容配对选项
var optVal = "";
switch(inputVal) {
case arr[1]: optVal = 1;
break;
case arr[2]: optVal = 2;
break;
case arr[3]: optVal = 3;
break;
}
//为配对的选项添加selected属性同时删除其他选项的selected属性
$("select option").eq(optVal).attr("selected","selected").siblings().removeAttr('selected');
});
})
</script>
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询