एक ड्रॉप-डाउन बॉक्स से टेक्स्ट प्राप्त करना

यह मेरे ड्रॉपडाउन मेनू में जो भी चुना गया है उसका मूल्य प्राप्त करता है।

document.getElementById('newSkill').value

हालांकि, ड्रॉप डाउन मेनू द्वारा वर्तमान में प्रदर्शित पाठ के लिए मुझे कौन सी संपत्ति नहीं जाना है, यह पता नहीं लगा सकता है। मैंने "टेक्स्ट" की कोशिश की और फिर W3Schools पर देखा लेकिन इसका जवाब नहीं था, क्या कोई यहां जानता है?

उन लोगों के लिए निश्चित नहीं है, यहां एक ड्रॉप डाउन बॉक्स के लिए HTML है।
0
जोड़ा संपादित
विचारों: 11
स्रोत

11 उत्तर

आपके उदाहरण एचटीएमएल कोड के आधार पर, वर्तमान में चयनित विकल्प के प्रदर्शित पाठ को प्राप्त करने का एक तरीका यहां दिया गया है:

var skillsSelect = document.getElementById("newSkill");
var selectedText = skillsSelect.options[skillsSelect.selectedIndex].text;
0
जोड़ा
स्रोत
पार्टी के देर से उन लोगों के लिए, कई सुझाव थे लेकिन किसी ने भी नहीं देखा कि उन्होंने कहा था। जहां उन्हें कहना चाहिए। टेक्स्ट, हमारे लिए यह एक भ्रमित दिन था।
जोड़ा लेखक Teifion, स्रोत

यह चयनित मूल्य के पाठ मान को वापस करना चाहिए

var vSkill = document.getElementById('newSkill');

var vSkillText = vSkill.options[vSkill.selectedIndex].innerHTML;

alert(vSkillText);

प्रॉप्स: @ टैनरेक्स सवाल पढ़ने के लिए, यह जानने के लिए कि क्या पूछा गया था और इसका जवाब देने से पहले इसका जवाब दिया गया था।

संपादित करें: डाउनमोड, क्योंकि मैं वास्तव में एक प्रश्न पूरी तरह से पढ़ता हूं, और इसका उत्तर देता हूं, दुखद दुनिया यह है।

0
जोड़ा
स्रोत

क्या यह सही जवाब मिलता है?

document.getElementById("newSkill").innerHTML
0
जोड़ा
स्रोत
यह आपको विकल्पों के लिए संपूर्ण HTML कोड वापस कर देगा .. जैसे < `
जोड़ा लेखक Valentin Despa, स्रोत 
document.getElementById('newSkill').options[document.getElementById('newSkill').selectedIndex].value

कार्य करना चाहिए

0
जोड़ा
स्रोत
ओपी .dext की बजाय .text संपत्ति चाहता है
जोड़ा लेखक ninjaPixel, स्रोत 
    var ele = document.getElementById('newSkill')
    ele.onchange = function(){
            var length = ele.children.length
            for(var i=0; i
0
जोड़ा
स्रोत

यह काम करता है मैंने इसे अपने स्वयं की कोशिश की मैंने सोचा कि अगर मैं इसे किसी की जरूरत है तो इसे यहां पोस्ट करें ...

document.getElementById("newSkill").options[document.getElementById('newSkill').selectedIndex].text;
0
जोड़ा
स्रोत

एक चयनित घटना को चुनने के लिए संलग्न करता है जो प्रत्येक चयनित विकल्प के लिए पाठ प्राप्त करता है और उन्हें div में लिखता है।

आप इसे बहुत ही चेहरे और सफल और उपयोग करने में आसान jQuery का उपयोग कर सकते हैं


<div></div>


$("select").change(function() {
  var str = "";

  $("select option:selected").each(function() {
    str += $( this ).text() + " ";
  });

  $( "div" ).text( str );
}).change();
0
जोड़ा
स्रोत 
var selectoption = document.getElementById("dropdown");
var optionText = selectoption.options[selectoption.selectedIndex].text;
0
जोड़ा
स्रोत
जब मैंने यह var optionText = selectoption.options [selectoption.selectedIndex] .text; लॉगिंग करने का प्रयास किया, केवल पहला विकल्प आइटम लौटा दिया गया। मैं चाहता हूं कि उनमें से प्रत्येक onchange ईवेंट से प्रदर्शित हो।
जोड़ा लेखक Chris22, स्रोत
क्या हो रहा है यह बताने के लिए कुछ पाठ के बारे में कैसे?
जोड़ा लेखक nottinhill, स्रोत
जबकि एक कोड केवल उत्तर के लिए समस्या हल करता है, इसकी अनुशंसा नहीं की जाती है क्योंकि यह भविष्य के आगंतुकों के लिए कोई मूल्य प्रदान नहीं करता है, केवल एक उत्तर जो केवल प्रदान करता है उसे "बहुत कम गुणवत्ता" के रूप में फ़्लैग किया जा रहा है और इसके परिणामस्वरूप जल्दी हटा दिया जाएगा। प्रदान किए गए कोड के बारे में एक स्पष्टीकरण शामिल करने के लिए संपादित करें संपादित करें।
जोड़ा लेखक Ferrybig, स्रोत
धन्यवाद। मुझे उम्मीद है कि मेरा जवाब दूसरों द्वारा आसानी से समझना है।
जोड़ा लेखक Debanjan Roy, स्रोत

कृपया नीचे आज़माएं यह सबसे आसान तरीका है और यह पूरी तरह से काम करता है

var newSkill_Text = document.getElementById("newSkill")[document.getElementById("newSkill").selectedIndex];
0
जोड़ा
स्रोत

बस आप जावास्क्रिप्ट के बजाय jQuery का उपयोग कर सकते हैं

$("#yourdropdownid option:selected").text();

इसे इस्तेमाल करे।

0
जोड़ा
स्रोत 
function getValue(obj)
{  
   // it will return the selected text
   // obj variable will contain the object of check box
   var text = obj.options[obj.selectedIndex].innerHTML ; 

}

एचटीएमएल स्निपेट
0
जोड़ा
स्रोत