js和jq获取下来列表选中项的值和文本

转自：http://www.111cn.net/wy/jquery/45372.htm。

js取值

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

function getSelectedValue(name){

var obj=document.getElementById(name);

return obj.value; //如此简单，直接用其对象的value属性便可获取到

}

//获取文本值

1.

<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>
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>

jquery

获取文本

$("#select option[selected]").text();

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

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

$("#select").val();//取值

$("#select").val("value");//设置,如果select中有值为value的选项,该选项就会被选中,如果不存在,则select不做