您的位置:首页 > Web前端 > JavaScript

JS获取下拉列表选中项的值和文本

2013-10-17 18:57 651 查看
1、js取值

//获取下拉列表选中项的值

function getSelectedValue(name){
var obj=document.getElementById(name);
return obj.value;      //如此简单,直接用其对象的value属性便可获取到
}

2、获取文本值
<select Id="select">
<option>1</option>
<option selected="selected">2</option>
<option>3</option>
</select>

<script language="javascript" type="text/javascript">
var ById = document.getElementById("Select")
alert(ById.options[ById.selectedIndex].text)
</script>

3、示例2
<select id="select1" onChange="abc()">
<option value="1">看书</option>
<option value="2">体育</option>
</select>
<script type="text/javascript">
function abc(){
var obj =document.getElementById("select1");
alert(obj.options[obj.selectedIndex].text);
}
</script>

4、jquery方式
$("#select option[selected]").text();

//select和option之间有空格,option为select的子元素

$("#select option:selected").text();

5、jquery获取值
$("#select").val();//取值
$("#select").val("value");//设置,如果select中有值为value的选项,该选项就会被选中,如果不存在,则select不做
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: 
相关文章推荐