获取select标签对应的的value值和text值

最新推荐文章于 2024-07-15 16:42:14 发布

framic

最新推荐文章于 2024-07-15 16:42:14 发布

阅读量1.7k

点赞数

分类专栏： JavaScript

本文链接：https://blog.csdn.net/framic/article/details/48525033

版权

JavaScript 专栏收录该内容

15 篇文章 0 订阅

订阅专栏

实例：

<html>
<script language="javascript">
function change(ob){
	document.getElementById("selectValue").value=ob.value;
	document.getElementById("selectText").value=ob.options[ob.selectedIndex].text;

}
</script>
<body>
<table width="500" border="1">
	<caption align="top">获取select的value和text</caption>  
	<tr>
		<td width="250">
			请点击select
		</td>
		<td width="250">
			<select id="rankCode" name="rankCode" οnchange="change(this)">      
				 <option value="CODE_01">一般</option>   
				 <option value="CODE_02">重要</option>
				 <option value="CODE_03">加急</option>   
			</select> 
		</td>
	</tr>
	<tr>
		<td width="250">
			select的value
		</td>
		<td width="250" >
			<input type="text"id="selectValue"/>
		</td>
	</tr>
	<tr>
		<td width="250">
			select的text
		</td>
		<td width="250">
			<input id="selectText"/>
		</td>
	</tr>
</table>
</body>
</html>