获得select的option值

最新推荐文章于 2021-11-24 19:41:14 发布

最新推荐文章于 2021-11-24 19:41:14 发布 · 166 阅读

文章标签：

#HTML

JavaScript 专栏收录该内容

29 篇文章

订阅专栏

本文介绍了一个使用纯JavaScript实现的下拉菜单选择器示例，通过简单的HTML结构结合JavaScript代码，当用户更改下拉菜单选项时，能够弹窗显示所选的文本和值。适用于初学者学习如何用JavaScript操作DOM元素。


<select name="opt" onchange="test()"> 
<option value="1">111 
<option value="2">222 
<option value="3">333 
<option value="4">444 
<option value="5">555 
<option value="6">666 
<option value="7">777 
</select> 

<SCRIPT LANGUAGE="JavaScript">
<!--
function test(){
	alert(document.all.opt.options[document.all.opt.selectedIndex].innerText);
	alert(document.all.opt.options[document.all.opt.selectedIndex].value );
	}
//-->
</SCRIPT>