JavaScript getElementsByName() 和 getElementById ()方法介绍

最新推荐文章于 2020-07-29 09:46:05 发布

李大大的博客

最新推荐文章于 2020-07-29 09:46:05 发布

阅读量343

点赞数

分类专栏： java

本文链接：https://blog.csdn.net/dddd222asd/article/details/103744043

版权

java 专栏收录该内容

7 篇文章

订阅专栏

用getElementsByName 来获取下拉框选择的值

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
	
	<form  action="#" method="post">
  	<select id="xxx" name="xx" >      
	<option value="10">1</option>  
	<option value="20">2</option>      
	<option value="30">3</option>      
	<option value="40">4</option>   
	</select>
<input type="button" name="" id="ddd" value="提交" />
  	</form>
   
<script src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
	$("#ddd").click(function(){
		var x = document.getElementsByName("xx")[0];
//		x.options[0].selected = true;//索引从0开始
        alert(x.value);//提示value值
        return;
	});
		
	
</script>
</body>
</html>

用getElementById 来获取下拉框选择的值

在这里插入代码片<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>人事档案登记</title>
</head>
<body>
	
	<form action="#" method="post">
  	<select id="xxx" name="xx" >      
	<option value="10">1</option>  
	<option value="20">2</option>      
	<option value="30">3</option>      
	<option value="40">4</option>   
	</select>
<input type="button" name="" id="ddd" value="提交" />
  	</form>
   
<script src="js/jquery-2.1.1.min.js"></script>
<script type="text/javascript">
	$("#ddd").click(function(){
		var x = document.getElementById("xxx");
		x.options[0].selected = true;//索引从0开始
        alert(x.value);//提示value值
        return;
	});
		
	
</script>
</body>
</html>