JavaScript的選定值

  <div id="selected_options"> 
      <select onchange="test()" id="selected_options"> 
      <option value="0" selected>-Select-</option> 
      <option value="1">Communication</option> 
      <option value="2">Hardware</option> 
      </select> 
    </div>

我寫了一個功能選擇的值，但是當我做選擇的值的警惕它顯示了不確定的，功能JavaScript的選定值

 function test() { 
        var get_id = document.getElementById('selected_options'); 
        var result = get_id.options[get_id.selectedIndex].value; 
        alert(result); 
         }

任何一個，請告訴我什麼是錯誤？

來源

2011-03-24 Siva

的錯誤是在這裏：

get_id.options[get_id.selectedIndex].value;

應該

get_id.value

，它會顯示出所選值:)

來源

2011-03-24 14:05:12 eLobato

沒有伊茨再來爲未定義 – Siva 2011-03-24 14:07:59

get_id[get_id.selectedIndex].value; 「選項」不需要。

來源

2011-03-24 14:05:15

爲了得到當前選擇的值，你可以這樣做：

function test() { 
    var get_id = document.getElementById('selected_options'); 
    var result = get_id.value; 
    alert(result); 
}

來源

2011-03-24 14:05:55 Dai

沒有!!!!! undefined – Siva 2011-03-24 14:09:52

這可能是因爲你的股利和選擇標記有相同的ID。

來源

2011-03-24 14:06:03 JWC

不，這不是問題，當我改變它也來undefined – Siva 2011-03-24 14:09:35

您也有兩個ID與selected_options。由於這JSFiddle將提醒：

<div id="selected_options"> 
    <select onchange="test()" id="selected_opt"> 
     <option value="0" selected>-Select-</option> 
     <option value="1">Communication</option> 
     <option value="2">Hardware</option> 
    </select> 
</div> 

function test() { 
    var get_id = document.getElementById('selected_opt'); 
    console.log(get_id); 
    var result = get_id.options[get_id.selectedIndex].value; 
    alert(result); 
}

來源

2011-03-24 14:06:26 kjy112

+1這是問題，同樣的事情我想出了http://jsfiddle.net/loktar/qDTdn/你只是打我：P – Loktar 2011-03-24 14:10:41

LOKTARRRRRR !!!! – kjy112 2011-03-24 14:11:52

不！它來未定義!!!!!!!!!!! 1 – Siva 2011-03-24 14:12:07

使用jQuery它要容易得多：

var result = $('#selected_options option:selected').val();

和使用ID只有一次

來源

2011-03-24 14:10:13 felixsigl

在你的代碼的問題是相同的id => 'selected_options' 爲div和combobox。

ID是用於頁面中的唯一元素表示。

您可以在這裏檢查其活生生的例子：
http://outsourcingnepal.com/projects/kool.htm

代碼：

<script> 
function test() { 
     var get_id = document.getElementById('selected_options'); 
    var result = get_id.options[get_id.selectedIndex].value; 
    alert(result); 
} 
</script> 
<h1>Outsourcing Nepal</h1> 
<a href="http://www.outsourcingnepal.com">Home</a> 
<div id="selected_options1"> 
    <select onchange="test()" id="selected_options"> 
      <option value="0" selected>-Select-</option> 
      <option value="1">Communication</option> 
      <option value="2">Hardware</option> 
    </select> 
</div>

來源

2011-03-24 14:48:51 KoolKabin

JavaScript的選定值

回答

相關問題