1. घर
  2. सवाल और जवाब
  3. आप वर्तमान में <option> पर <select> जावास्क्रिप्ट के माध्यम से कैसे प्राप्त करते हैं?

आप वर्तमान में <option> पर <select> जावास्क्रिप्ट के माध्यम से कैसे प्राप्त करते हैं?

2010-07-21 9 views
43

आप वर्तमान में कैसे <option><select> तत्व जावास्क्रिप्ट के माध्यम से प्राप्त करते हैं?आप वर्तमान में <option> पर <select> जावास्क्रिप्ट के माध्यम से कैसे प्राप्त करते हैं?

स्रोत

2010-07-21 Paul D. Waite

+1

संभावित डुप्लिकेट: [जावास्क्रिप्ट का उपयोग करके ड्रॉपडाउन सूची का चयनित मूल्य कैसे प्राप्त करें?] (Http://stackoverflow.com/questions/1085801/how-to-get-the-selected-value-of-dropdownlist-using- जावास्क्रिप्ट) –

+1

@ एंडरसनग्रीन: यह * बिल्कुल * एक ही सवाल नहीं है। यह वास्तव में पूछताछ है कि चयन का पाठ कैसे प्राप्त करें '

उत्तर

78

यह यह तुम्हारे लिए क्या करेंगे:

var yourSelect = document.getElementById("your-select-id"); 
alert(yourSelect.options[ yourSelect.selectedIndex ].value)

स्रोत

2010-07-21 16:46:16 Pat

+9

है यदि आप इसे विकल्प के मूल्य तक पहुंचने के लिए उपयोग करते हैं, तो आप बस 'yourSelect.value' का उपयोग भी कर सकते हैं। बहुत पुराने, पुरातन ब्राउज़र इसका समर्थन नहीं कर सकते हैं, लेकिन आईई 6 और हर आधुनिक ब्राउज़र करता है। –

+0

@ एंडी ई: ओह, एक विचार है - वास्तव में मैं जो कर रहा हूं, और आपका कोड पढ़ने के लिए थोड़ा आसान है। –

+0

@ एंडी ई: आह, उस विधि के बारे में एक चेतावनी - यह आईई में '

17

select ऑब्जेक्ट का .selectedIndex ऑब्जेक्ट है; आप इसे .options सरणी में अनुक्रमणित करने के लिए उपयोग कर सकते हैं।

स्रोत

2010-07-21 16:45:05 Amber

+0

यह शीर्ष उत्तर की तुलना में निश्चित रूप से अधिक अर्थपूर्ण है! –

+0

यह सबसे सुरुचिपूर्ण और सीधा दृष्टिकोण – Rice

2 
var payeeCountry = document.getElementById("payeeCountry"); 
alert(payeeCountry.options[ yourSelect.selectedIndex ].value);

स्रोत

2016-11-21 14:35:50

+0

आपकी उत्तर को इसकी लंबाई और सामग्री के कारण 'कम गुणवत्ता' चिह्नित किया गया है। क्या मैं सुझाव दे सकता हूं कि आप इस सवाल पर टिप्पणी करें? –

1

selectedOptions संपत्ति का उपयोग करना:

var yourSelect = document.getElementById("your-select-id"); 
alert(yourSelect.selectedOptions[0].value);

यह works इंटरनेट एक्सप्लोरर के अलावा सभी ब्राउज़रों में।

स्रोत

2018-01-31 04:04:37 Finesse

+0

"यह इंटरनेट एक्सप्लोरर को छोड़कर सभी ब्राउज़रों में काम करता है।" जैसे ही हर कोई इंटरनेट एक्सप्लोरर का उपयोग बंद कर देता है, हम सुनहरे हैं! [यहां संभावित पॉलीफिल] (https://gist.github.com/brettz9/4212217)। –

संबंधित मुद्दे

 संबंधित मुद्दे