笔记1-html select下拉框的取值

最新推荐文章于 2022-10-19 16:58:08 发布

芦苇哭了

最新推荐文章于 2022-10-19 16:58:08 发布

阅读量1k

点赞数

本文链接：https://blog.csdn.net/qq992454378/article/details/53610895

版权

<select name="select" id="selectTest" οnchange="t(this)">
<option>北京</option>
<option>天津</option>
<option>上海</option>
<option value="other">其他</option>
</select>

<script type="text/javascript">
function t(obj){

//javascript获取select控件的value和text值
var selecteItem = document.getElementById("selectTest"); //拿到select对象
var index = selecteItem.selectedIndex ; //拿到选中项的索引
var selectedValue = selecteItem.options[index].value; //拿到选中项options的value
var selectedText = selecteItem.options[index].text; //拿到选中项options的text

//jQuery获取select控件的value和text值
$("#selectTest option:selected").val()
$("#selectTest option:selected").text()

if(obj.value=="other"){
document.getElementById("a").style.display = ""
}
else
document.getElementById("a").style.display = "none"
}
</script>