select-option的属性与值得获取

最新推荐文章于 2023-08-04 09:00:58 发布

不是我的货

最新推荐文章于 2023-08-04 09:00:58 发布

阅读量1.8k

点赞数

分类专栏： html 文章标签： select html

本文链接：https://blog.csdn.net/wym1581/article/details/45043833

版权

html 专栏收录该内容

22 篇文章 0 订阅

订阅专栏

<html>
<head>
	<style>
		#demo{magin:45px auto; width:900px;}
		option{padding:30px auto;}
	</style>
</head>
<body>
<div id="demo">
<select οnchange="a(this)">
<option value="001">员工1</option>
<option value="002">员工2</option>
<option value="003">员工3</option>
<option value="004">员工4</option>
<option value="005">员工5</option>
</select>
<BR>
获取属性:<input name="ygid" id="ygid" type="text" value="获取属性" >     
获取option之间的数据:<input name="ygname" id="ygname" type="text"value="获取option之间的数据"  >
</div>
</body>
<SCRIPT LANGUAGE="JavaScript">

function a(obj){
	var a =document.getElementById("ygid").value=obj.options[obj.selectedIndex].value;
	alert(a);
	var b =document.getElementById("ygname").value=obj.options[obj.selectedIndex].text;
	alert(b);
}
</SCRIPT>
</html>

<select id="view" name="position"> 
<option selected value="1">选项1 </option> 
<option  value="2">选项2 </option> 
<option  value="3">选项3 </option> 
</select> 
<input type="button" value="add" οnclick="add();"> 
<input type="text" id="here"  > 

<SCRIPT LANGUAGE="JavaScript"> 

    function add(){ 
        var obj=document.getElementById("view"); 
       
        alert(obj.options[obj.selectedIndex].text); //获取选项1 2 3
           } 

</SCRIPT>