supber

导航

获取下拉框选中的值

获取下拉框选中的值

 

<!DOCTYPE html>
<html>
	<head>
		<title>获取下拉框选中的值</title>
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
		<link href="../css/bootstrap.min.css" rel="stylesheet" media="screen">
		<link rel="stylesheet" href="../css/bootstrap-theme.css" media="all" />
		<script type="text/javascript" src="../js/jquery.js"></script>
		<script type="text/javascript" src="../js/bootstrap.js"></script>
		<style type="text/css">
			
		</style>
	</head>
	<body>
			 	<select name="sel" id="se" onchange="look();">
			 		<option value="1" >中国</option>
			 		<option value="2" selected>美国</option>
			 		<option value="3">日本</option>
			 	</select>    
	</body>
	
	<script type="text/javascript">
		function look(){                 
			var se =document.getElementById("se");                    
			var option=se.getElementsByTagName("option");                    
			var oop = $("#se option:selected");                    
			alert(oop.text());   
			alert(oop.val());
		}
	</script>
</body>
</html>

 

posted on 2014-03-31 15:19  supber  阅读(587)  评论(0)    收藏  举报