jQuery判断select选中

于 2016-04-24 23:43:00 发布 · 143 阅读

文章标签：

1、实现源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>jQuery判断select选中</title>
<script type="text/javascript" src="jquery-1.12.3.js"></script>
<script type="text/javascript">
   $(function(){
		$("#sel").change(function(){
			var btn = $("#btn").val();
			var sel = $("#sel").text();
			if(btn==sel)
			{
				 $("#sel").find("option[text='"+btn+"']").attr("selected",true);
				 alert(btn+"\n"+sel);
			}
			
	    });
   }); 
</script>
</head>

<body>
   <div id="div-select">
        <select id="sel" style="width:200px;">
             <option value="1">春季</option>
             <option value="2">夏季</option>
             <option value="3">秋季</option>
             <option value="4">冬季</option>
        </select><br/><br/>
        <input type="text" id="btn" style="width:195px;" />
   </div>
</body>
</html>

2、实现结果