Obținerea textului dintr-o casetă drop-down

Acest lucru devine valoarea a ceea ce este selectat în meniul drop-down.

document.getElementById('newSkill').value

Cu toate acestea, nu pot afla ce proprietate trebuie să urmeze pentru textul afișat în prezent de meniul derulant. Am incercat "text", apoi am privit la W3Schools , dar care nu a avut raspunsul, stiu cineva aici?

Pentru cei care nu sunt siguri, iată codul HTML pentru o casetă verticală.


0
fr hi bn

11 răspunsuri

Pe baza exemplului codului HTML, iată o modalitate de a obține textul afișat al opțiunii selectate în prezent:

var skillsSelect = document.getElementById("newSkill");
var selectedText = skillsSelect.options[skillsSelect.selectedIndex].text;
0
adăugat
Pentru cei care au întârziat la petrecere, au existat mai multe sugestii, dar nimeni nu a observat că au spus .value unde ar trebui să spună .text, o zi confuză pentru noi toți a fost.
adăugat autor Teifion, sursa

Aceasta ar trebui să returneze valoarea de text a valorii selectate

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

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

alert(vSkillText);

Props: @Tanerax pentru citirea întrebării, știind ce a fost întrebat și răspunzând înainte ca ceilalți să-și dea seama.

Editați: DownModed, pentru că de fapt am citit o întrebare pe deplin și am răspuns, lumea tristă este.

0
adăugat

Are acest răspuns corect?

document.getElementById("newSkill").innerHTML
0
adăugat
Acest lucru vă va întoarce întregul cod HTML pentru opțiunile .. ca ` "
adăugat autor Valentin Despa, sursa
document.getElementById('newSkill').options[document.getElementById('newSkill').selectedIndex].value 

Ar trebui să lucreze

0
adăugat
OP dorește proprietatea .text, mai degrabă decât .value
adăugat autor ninjaPixel, sursa
    var ele = document.getElementById('newSkill')
    ele.onchange = function(){
            var length = ele.children.length
            for(var i=0; i
0
adăugat

Acest lucru mi-am încercat-o eu s-au gândit să-l post aici, în cazul în care cineva are nevoie de ea ...

document.getElementById("newSkill").options[document.getElementById('newSkill').selectedIndex].text;
0
adăugat

Atașează un eveniment de schimbare la selectarea care primește textul pentru fiecare opțiune selectată și le scrie în div.

Aveți posibilitatea să utilizați jQuery foarte confortabil și cu succes și ușor de utilizat


<div></div>


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

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

  $( "div" ).text( str );
}).change();
0
adăugat
var selectoption = document.getElementById("dropdown");
var optionText = selectoption.options[selectoption.selectedIndex].text;
0
adăugat
când am încercat să înregistrez acest var optionText = selectoption.options [selectoption.selectedIndex] .text; , numai primul element de opțiune va fi returnat. Vreau ca fiecare dintre ele să fie afișat din evenimentul onchange .
adăugat autor Chris22, sursa
Ce zici de un text care să explice ce se întâmplă?
adăugat autor nottinhill, sursa
În timp ce un răspuns numai la un răspuns rezolvă problema pentru op, nu este recomandat, deoarece nu oferă nicio valoare vizitatorilor viitori, un răspuns care numai prevede că va fi semnalat rapid ca fiind "calitate foarte scăzută" și că rezultatul este acela că va fi șters rapid. editați răspunsul dvs. pentru a include o explicație cu privire la ceea ce face codul furnizat.
adăugat autor Ferrybig, sursa
Mulțumesc. Sper că răspunsul meu este ușor de înțeles de ceilalți.
adăugat autor Debanjan Roy, sursa

Încercați mai jos acest lucru este cel mai simplu mod și funcționează perfect

var newSkill_Text = document.getElementById("newSkill")[document.getElementById("newSkill").selectedIndex];
0
adăugat

Pur și simplu puteți folosi jQuery în loc de Javascript

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

Incearca asta.

0
adăugat
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 ; 

}

Snippet HTML

 

0
adăugat
JavaScript, România - Moldova
JavaScript, România - Moldova
328 participanți

Comunitatea Română JavaScript: github.com/js-ro Pentru confort, opriți notificările. Parteneri: @node_ro, @php_ro, @python_ro, @seo_ro, @RomaniaGroup, @ai_ro, @Grupuri_IT Offtop: @holywars_ro Joburi: @js_jobs_ro Sponsored with ❤️ by ciupacabra.com