कैसे एक जावास्क्रिप्ट समारोह में एक एचटीएमएल लटकती मेनू के चयनित आइटम के मूल्य को पढ़ने के लिए

Question

मैं html में एक रूप है कि इतने

<form name= "gadget_selector"> 
    <select name= "gadget"> 
     <option value = 0> Something </option> 
     <option value = 1> Something else </option> 
     //etc.. 
    </select> 
</form> 

की तरह एक ड्रॉप डाउन मेनू शामिल है और मैं चयनित का मूल्य उपयोग करना चाहते जावास्क्रिप्ट फ़ंक्शन में विकल्प

function someFunction(){ 

    //var option = value of selected menu option 
} 

मैं यह कैसे करूँगा?

Answer 1

var option = document.getElementById('gadget').value; 

रूप में अच्छी तरह का चयन के लिए id रूप gadget सेट, इस तरह:

<select id="gadget" name="gadget"> 
     <option value = 0> Something </option> 
     <option value = 1> Something else </option> 
     //etc.. 
    </select> 

Answer 2

आवंटित idselect box को "गैजेट":

<select name= "gadget" id="gadget"> 
    <option value = 0> Something </option> 
     <option value = 1> Something else </option> 
     //etc.. 
    </select> 

अब की तरह जावास्क्रिप्ट में मूल्य का चयन किया हो नीचे:

function GetSelectedItem() { 

    var option = document.getElementById('gadget').value; 

    } 

Answer 3

सबसे पहले, अपने <select> टैग पर एक आईडी असाइन करें।

<select id='gadget' name= "gadget"> 

फिर, अपने मूल्य

if (document.getElementById('gadget')) { 
    var val = document.getElementById('gadget').value; 
    alert(val); 
} 

Answer 4

आप आईडी के आधार पर उपयोग कर सकते हैं, इस तरह मिल: =

<form name= "gadget_selector" > 
     <select name= "gadget" id='sel'> 
      <option value = 0> Something </option> 
      <option value = 1> Something else </option> 
      //etc.. 
     </select> 
    </form> 


    function getvalue(){ 

     if(document.getElementById('sel')) 
     { 
     alert(document.getElementById('sel').value); 
     var option = document.getElementById('sel').value; 
     } 

    } 

Answer 5

शामिल एक idattribute तत्व का चयन और नीचे के रूप में करने के लिए, मैं हूँ यकीन है कि मैं काम करूंगा,

var obj = document.getElementById("gadget"); 
alert(obj.value); // returns selected option value (1st method) 
var selectedOption = obj.options[obj.selectedIndex]; // returns selected option element 
alert(selectedOption.value); // return selected option value (2nd method) 

उदाहरण: http://jsfiddle.net/zUBpz/

Answer 6

यहाँ

रूपों [0] प्रपत्र 0 से ऊपर से पृष्ठ के नीचे तक आरंभिक क्रमांक

function someFunction(){ 
    var option = window.document.forms[0].gadget.value; 
} 

[ड्रॉपडाउन सूची में चयनित मान जावास्क्रिप्ट का उपयोग जाओ?] (Http के