निम्नलिखित में:
<select id="test">
<option value="1">Test One</option>
<option value="2">Test Two</option>
</select>मैं जावास्क्रिप्ट का उपयोग करके चयनित विकल्प (यानी "टेस्ट वन" या "टेस्ट टू") का पाठ कैसे प्राप्त कर सकता हूं
document.getElementsById('test').selectedValue 1 या 2 देता है, क्या संपत्ति चयनित विकल्प का पाठ लौटाती है?
जवाबों:
function getSelectedText(elementId) {
var elt = document.getElementById(elementId);
if (elt.selectedIndex == -1)
return null;
return elt.options[elt.selectedIndex].text;
}
var text = getSelectedText('test');यदि आप jQuery का उपयोग करते हैं तो आप निम्नलिखित कोड लिख सकते हैं:
$("#selectId option:selected").html();.text()
$("#selectId option[selected]"), जो "चयनित" विशेषता वाले विकल्प का चयन करेगा लेकिन वर्तमान में चयनित नहीं हो सकता है।
document.getElementById('test').options[document.getElementById('test').selectedIndex].text;HTML5 के तहत आप ऐसा करने में सक्षम हैं:
document.getElementById('test').selectedOptions[0].textHttps://developer.mozilla.org/en-US/docs/Web/API/HTMLSelectElement/selectedOptions पर MDN का दस्तावेज़ Chrome, फ़ायरफ़ॉक्स, एज और मोबाइल ब्राउज़रों सहित पूर्ण क्रॉस-ब्राउज़र समर्थन (कम से कम दिसंबर 2017 तक) इंगित करता है। , लेकिन इंटरनेट एक्सप्लोरर को छोड़कर।
selectElement.options[selectElement.selectedIndex].text;संदर्भ:
this.options [this.selectedIndex] .innerText
यदि आपको यह धागा मिल गया है और जानना चाहते हैं कि चयनित विकल्प पाठ को कैसे प्राप्त किया जा सकता है, तो यह नमूना कोड है:
alert(event.target.options[event.target.selectedIndex].text);अपने स्वयं के चयनित विकल्प सूचकांक की पहचान करने के लिए, चयन सूची ऑब्जेक्ट का उपयोग करें। वहां से - उस सूचकांक के आंतरिक HTML को पकड़ो। और अब आपके पास उस विकल्प का टेक्स्ट स्ट्रिंग है।
<select onchange="alert(this.options[this.selectedIndex].innerHTML);">
<option value="">Select Actions</option>
<option value="1">Print PDF</option>
<option value="2">Send Message</option>
<option value="3">Request Review</option>
<option value="4">Other Possible Actions</option>
</select>.innerHTMLसभी बच्चों और उनकी विशेषताओं को प्राप्त करता है। जब भी यह काम करता है जब किसी तत्व के बच्चे नहीं होते हैं, यदि आपके पास ऐसे बच्चों के साथ एक तत्व है, जो इरादा से अधिक रिटर्न देता है।
सीधे jQuery के बिना @artur के समान, सादे जावास्क्रिप्ट के साथ:
// शॉन-ब्राइट "एल्ट" वैरिएबल का उपयोग करना
var selection=elt.options[elt.selectedIndex].innerHTML;आसान, सरल तरीका:
const select = document.getElementById('selectID');
const selectedOption = [...select.options].find(option => option.selected).text;find()जब आप पहले से ही चयनित वस्तु के सूचकांक को जानते हैं तो आप इसका उपयोग क्यों करेंगे ? इसके अलावा, अगर कोई चयनित आइटम नहीं है ( <select multiple>), तो यह एक त्रुटि उत्पन्न करेगा।