Mam listę rozwijaną takiego:Pobierz zaznaczony tekst opcji z JavaScript
<select id="box1">
<option value="98">dog</option>
<option value="7122">cat</option>
<option value="142">bird</option>
</select>
Jak mogę uzyskać opcji rzeczywisty tekst zamiast wartości przy użyciu JavaScript? mogę uzyskać wartość z czymś takim:
<select id="box1" onChange="myNewFunction(this.selectedIndex);" >
Ale zamiast 7122 Chcę cat.
opcje spróbować
<script>
function myNewFunction(sel)
{
alert(sel.options[sel.selectedIndex].text);
}
</script>
<select id="box1" onChange="myNewFunction(this);" >
<option value="98">dog</option>
<option value="7122">cat</option>
<option value="142">bird</option>
</select>
Pierwsza zasada przy próbie użycia wyrażenia regularnego - szukaj przeszukiwania stosu, dopóki nie zobaczysz rozwiązania, które nie potrzebuje regex-okrzyków :) – Mirror318
Musisz uzyskać innerHTML opcji, a nie jej wartość.
Użyj this.innerHTML zamiast this.selectedIndex.
Edytuj: Najpierw musisz pobrać element opcji, a następnie użyć innerHTML.
Użyj this.text zamiast this.selectedIndex.
To jest źle. Będzie zawierał element 'innerHTML' of'
Masz rację. Edytowałem to. –
Wykorzystanie -
$.trim($("select").children("option:selected").text()) //cat
Oto skrzypce - http://jsfiddle.net/eEGr3/
Skąd pytanie dotyczy jQuery? – mplungjan
HTML:
<select id="box1" onChange="myNewFunction(this);">
JavaScript:
function myNewFunction(element) {
var text = element.options[element.selectedIndex].text;
// ...
}
zobacz [ten komentarz] (http://stackoverflow.com/questions/14976495/get-selected-option-text-withjavascript/14976657#comment21029956_14976657) Usunąłem naszą rozmowę, odkąd naprawiłeś swój kod – mplungjan
Plain JavaScript
var sel = document.getElementById("box1");
var text= sel.options[sel.selectedIndex].text;
jQuery:
$("#box1 option:selected").text();
Naprawiono go dla ciebie – mplungjan
dziękuję u @mplungjan .. – sasi
@mplungjan Dlaczego nie komentujesz tutaj, że jQuery używa '.textContent' i' .innerText' dla operacji '.text()'? Nie jest to zgodne ze standardami, jest całkowicie błędne, ponieważ nie używa '.text'. Gdzie są spadki? – VisioN
Spróbuj poniżej:
myNewFunction = function(id, index) {
var selection = document.getElementById(id);
alert(selection.options[index].innerHTML);
};
Zobacz here jsfiddle próbka
Dlaczego wszyscy kładą nacisk na innerHTML ??? Użyj .text! I po co przekazywać te wszystkie rzeczy do funkcji. Po prostu przepuść (to) i zdecyduj, z której funkcji korzystać – mplungjan
Eh, myślę, że to może być lepsze/szybsze, ale chciałbym usłyszeć odparcie @ mplungjan. –
innerHTML to wygodna metoda wymyślona przez firmę Microsoft. Został on następnie skopiowany do większej liczby przeglądarek, ale ponieważ a) nie jest standardem i b) nie możesz mieć html w opcji, nie ma absolutnie potrzeby pomylenia problemu, gdy opcja ma .value i .text – mplungjan
Wszystkie te funkcje i przypadkowych rzeczy, myślę, że najlepiej jest korzystać z tego, i zrobić to tak:
this.options[this.selectedIndex].text
this.innerHTML? – Kodemon
http://stackoverflow.com/a/1085810/1339473 zobacz więcej pomocy – QuokMoon
możliwy duplikat [Jak uzyskać wybraną wartość listy rozwijanej przy użyciu JavaScript?] (Http://stackoverflow.com/questions/1085801/how -to-get-the-selected-of-dropdownlist-using-javascript) - pomimo tytułu, odpowiada na twoje pytanie. –