js 如何取下拉列表的值？高手进


一、获取下拉列表选中项的值和文本(select)代码 select.htm 示例如下：=============================================================================
<html>
<head><title>获取下拉列表选中项的值和文本(select)</title></head>
<body>
<script>//获取下拉列表选中项的文本
function getSelectedText(name){
var obj=document.getElementById(name);
for(i=0;i<obj.length;i++){
   if(obj[i].selected==true){
    return obj[i].innerText;      //关键是通过option对象的innerText属性获取到选项文本
   }
}
}//获取下拉列表选中项的值
function getSelectedValue(name){
var obj=document.getElementById(name);
return obj.value;      //直接用其对象的value属性便可获取到
}</script>
<select id="myselect">
<option value="fist">1</option>
<option value="second">2</option>
<option value="third">3</option>
</select><input type="button"   value="所选文本"   onclick="alert(getSelectedText('myselect'));" />
<input type="button"   value="所选值" onclick="alert( getSelectedValue('myselect'));" />
</body>
</html>

解决方案 »

  1.   

    喜欢jquery吗?把1L的改写了<html>
    <head>
    <title>获取下拉列表选中项的值和文本(select)</title>
    <script type="text/javascript" src="scripts/jquery.js"></script>
    <script type="text/javascript">
    function getValue(elem){
    alert($(elem).val());
    }

    function getText(elem){
    $(elem).children().each(function(){
    if($(this).attr("selected")===true){
    alert($(this).text());
    }
    });
    }
    </script>
    </head>
    <body>
    <select id="myselect">
    <option value="fist">1</option>
    <option value="second">2</option>
    <option value="third">3</option>
    </select>
    <input type="button" value="所选文本" onclick="getValue('#myselect')" />
    <input type="button" value="所选值" onclick="getText('#myselect')" />
            </body>
    </html>
      

  2.   

    貌似两个按钮方法添加反了... sorry
      

  3.   

    将1L的改写了下，效率应该高点
    <html>
    <head><title>获取下拉列表选中项的值和文本(select)</title></head>
    <body>
    <script>//获取下拉列表选中项的文本
    function getSelectedText(name){
    var obj=document.getElementById(name);
    var index=obj.selectedIndex;
    if(index>=0)
    {
    return obj[index].innerText;
    }
    return "您尚未选择!";
    }//获取下拉列表选中项的值
    function getSelectedValue(name){
    var obj=document.getElementById(name);
    return obj.value;      //直接用其对象的value属性便可获取到
    }</script>
    <option value="fist">1</option>
    <option value="second">2</option>
    <option value="third">3</option>
    </select><input type="button"   value="所选文本"   onclick="alert(getSelectedText('myselect'));" />
    <input type="button"   value="所选值" onclick="alert( getSelectedValue('myselect'));" />
    </body>
    </html>
      

  4.   

    直接用document.all[name].value试试.name为你所要取的控件值的名称.
      

  5.   

    貌似可以这样<select id="myselect">
    <option value="fist">1</option>
    <option value="second">2</option>
    <option value="third">3</option>
    </select>
    <input type="button"   value="所选文本"   onclick="alert(document.getElementById('myselect')[document.getElementById('myselect').selectedIndex].innerHTML);" />
    <input type="button"   value="所选值" onclick="alert(document.getElementById('myselect').value);" />