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

来源:互联网 发布:网络视频传播许可证 编辑:程序博客网 时间:2024/05/16 12:22
<select name="select" id="selectTest" onchange="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>
0 0
原创粉丝点击