JS获取页面select元素

最新推荐文章于 2021-07-31 21:06:48 发布

原创最新推荐文章于 2021-07-31 21:06:48 发布 · 3k 阅读

0 ·

CC 4.0 BY-SA版权

JS 同时被 2 个专栏收录

10 篇文章

订阅专栏

前端

6 篇文章

订阅专栏

本文介绍了如何使用JavaScript来获取、操作HTML页面中的Select元素，包括选择特定选项、动态添加删除选项等常见操作。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

	<select id="edu" name="edu">
		<option value="高级">博士</option>
		<option value="中级">硕士</option>
		<option value="初级" selected="selected">本科</option>
		<option value="低级">大专</option>
	</select>

<script>
	var a=document.getElementById('edu');
	alert("选择栏位的值："+a.value);
	//显示selelct内的option栏位页面
	alert("a.innerHTML:"+a.innerHTML);
	/*遍历option 方法1*/
	/*var b=a.getElementsByTagName("option");
	for(var i=0;i<b.length;i++){
		var bb=b[i];
		var bbb=bb.firstChild;
		alert("option子元素的nodeValue"+bbb.nodeValue);
	}*/
	/*遍历option 方法2*/
	/*var c=a.options;
	for(var i=0;i<c.length;i++){
		//var cc=c[i].value;//获取value
		var cc=c[i].text;//获取option之间的text
		alert("="+cc);
	}*/
	var dd=a.options[a.selectedIndex].text;
	alert("显示栏位选择的文本："+dd); 
	
</script>