js获取select选择部分的文本、值

最新推荐文章于 2020-02-25 20:24:42 发布

weixiang096

最新推荐文章于 2020-02-25 20:24:42 发布

阅读量1.1k

点赞数

分类专栏： Javascript技术文章标签： function input

本文链接：https://blog.csdn.net/weixiang096/article/details/6585871

版权

Javascript技术专栏收录该内容

8 篇文章 0 订阅

订阅专栏

JS部分:

<script type="text/javascript">
//js获取<select>选择部分的文本、值
function sel(obj){
var te=obj.options[obj.selectedIndex].text;//获取文本内容
var val=obj.options[obj.selectedIndex].value;//值
var h=document.getElementById('hid');
if(val == 3){
h.style.display="block";
}else{
h.style.display="none";
}
//alert(te);
}
</script>

HTML部分:

<select name="a" οnchange="sel(this);">
<option value="1">111</option>
<option value="2">222</option>
<option value="3">other</option>
<option value="4">444</option>
</select>
<div>
<input type="text" id="hid" style="display:none;">
</div>