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

Question

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

adăugat 08 august 2008 la 01:36 autor Teifion editat 09 ianuarie 2013 la 06:32

Vizualizări: 4

sursa

fr hi bn

11 răspunsuri

Booking - reducere 10%

Rezervări în orice hodel.

Booking - reducere 10%

Rezervări în orice hodel.

Booking - reducere 10%

Rezervări în orice hodel.

Booking - reducere 10%

Rezervări în orice hodel.

Booking - reducere 10%

Rezervări în orice hodel.









Booking - reducere 10%
Rezervări în orice hodel.






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 01 ianuarie 1970 la 03:00
autor Lilith



sursa










Booking - reducere 10%
Rezervări în orice hodel.






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 01 ianuarie 1970 la 03:00
autor shekh danishuesn



sursa










Booking - reducere 10%
Rezervări în orice hodel.






var selectoption = document.getElementById("dropdown");
var optionText = selectoption.options[selectoption.selectedIndex].text;



0

adăugat 01 ianuarie 1970 la 03:00
autor Debanjan Roy



sursa



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 09 august 2017 la 09:57, 
autor Chris22, 

sursa




Ce zici de un text care să explice ce se întâmplă?

adăugat 11 februarie 2016 la 05:33, 
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 11 februarie 2016 la 12:25, 
autor Ferrybig, 

sursa




Mulțumesc. Sper că răspunsul meu este ușor de înțeles de ceilalți.

adăugat 20 iulie 2016 la 04:30, 
autor Debanjan Roy, 

sursa











Booking - reducere 10%
Rezervări în orice hodel.






Î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 01 ianuarie 1970 la 03:00
autor IbrahimSediq



sursa










 Booking - reducere 10%
Rezervări în orice hodel.






Pur și simplu puteți folosi jQuery în loc de Javascript
$("#yourdropdownid option:selected").text();

Incearca asta.


0

adăugat 01 ianuarie 1970 la 03:00
autor BOBIN JOSEPH



sursa










Booking - reducere 10%
Rezervări în orice hodel.






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 01 ianuarie 1970 la 03:00
autor Muhammad Tariq Ahmed Khan



sursa

autor Patrick McElhaney · Answer 1 · 1970-01-01T03:00Z

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;

autor Tanerax · Answer 2 · 1970-01-01T03:00Z

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.

autor Brian Childress · Answer 3 · 1970-01-01T03:00Z

Are acest răspuns corect?

document.getElementById("newSkill").innerHTML

0

adăugat 01 ianuarie 1970 la 03:00 autor Brian Childress

sursa

Acest lucru vă va întoarce întregul cod HTML pentru opțiunile .. ca ` "

adăugat 29 noiembrie 2011 la 03:36, autor Valentin Despa, sursa

autor Thejesh GN · Answer 4 · 1970-01-01T03:00Z

document.getElementById('newSkill').options[document.getElementById('newSkill').selectedIndex].value

Ar trebui să lucreze

autor raton · Answer 5 · 1970-01-01T03:00Z

    var ele = document.getElementById('newSkill')
    ele.onchange = function(){
            var length = ele.children.length
            for(var i=0; i

autor Lilith · Answer 6 · 1970-01-01T03:00Z

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;

autor shekh danishuesn · Answer 7 · 1970-01-01T03:00Z

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();

autor Debanjan Roy · Answer 8 · 1970-01-01T03:00Z

var selectoption = document.getElementById("dropdown");
var optionText = selectoption.options[selectoption.selectedIndex].text;

0

adăugat 01 ianuarie 1970 la 03:00 autor Debanjan Roy

sursa

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 09 august 2017 la 09:57, autor Chris22, sursa

Ce zici de un text care să explice ce se întâmplă?

adăugat 11 februarie 2016 la 05:33, 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 11 februarie 2016 la 12:25, autor Ferrybig, sursa

Mulțumesc. Sper că răspunsul meu este ușor de înțeles de ceilalți.

adăugat 20 iulie 2016 la 04:30, autor Debanjan Roy, sursa

autor IbrahimSediq · Answer 9 · 1970-01-01T03:00Z

Î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];

autor BOBIN JOSEPH · Answer 10 · 1970-01-01T03:00Z

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

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

Incearca asta.

autor Muhammad Tariq Ahmed Khan · Answer 11 · 1970-01-01T03:00Z

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