js用法（如何获取select中的值和属性）

js用法（如何获取select中的值和属性）

<script type="text/javascript">
   function change(obj){
    var strsel = obj.options[obj.selectedIndex].text;
    document.getElementById("xiangmutext").value=strsel;
   
   }
</script>
投票项目 :
<html:select property="xiangmu" οnchange="change(this)">
或：<html:select property="xiangmu" οnchange="change('xiangmu')">
      <html:option value="1" >姚明</html:option>
    <html:option value="2">买努</html:option>
    <html:option value="3">科比</html:option>
    </html:select>
    <html:text property="xiangmutext" value="姚明"/>
text中就显示了select所选的内容

 

javascript获取select的值全解

获取显示的汉字

document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text

获取数据库中的id

window.document.getElementById("bigclass").value

获取select组分配的索引id

window.document.getElementById("bigclass").selectedIndex

例子：

<select name="bigclass" id="bigclass" onChange="javascript:updatePage2();">
<option value="" selected="selected">ajax实验</option>
<option value="4">我适宜市哈</option>
</select>

使用
document.getElementById("bigclass").options[window.document.getElementById("bigclass").selectedIndex].text
的结果是：我适宜市哈

使用
window.document.getElementById("bigclass").value
的结果是：4

使用
window.document.getElementById("bigclass").selectedIndex
的结果是：1