JQuery ile seçme seçeneğinin etiketi nasıl alınır?


114
<select>
<option value="test">label </option>
</select>

Değer, tarafından alınabilir $select.val().

Peki ya label?

IE6'da çalışacak bir çözüm var mı?


Seçilen değeri, seçilen değeri nasıl elde edeceğinizi mi söylüyorsunuz? sizin durumunuzun etiketinde hangisi var?
ant

Bu soru, " jQuery ile seçme seçeneğinin metni nasıl alınır ?" Şeklinde yeniden ifade edilmelidir. ve etiket özniteliğiyle karışıklığı önlemek için tüm etiket referansları metinle değiştirilmelidir.
Joel Davis

Yanıtlar:



22

Merhaba, önce şu seçime bir kimlik verin

<select id=theid>
<option value="test">label </option>
</select>

daha sonra seçilen etiketi şu şekilde çağırabilirsiniz:

jQuery('#theid option:selected').text()

13

Referans labeliçin seçenek etiketinde ikincil bir özellik de vardır :

//returns "GET THIS" when option is selected
$('#selecter :selected').attr('label'); 

Html

<select id="selecter">
<option value="test" label="GET THIS">
Option (also called label)</option>
</select>

6

Bir açılır menüden belirli bir seçeneğin etiketini almak için bunu yapabilirsiniz -

$('.class_of_dropdown > option[value='value_to_be_searched']').html();

veya

$('#id_of_dropdown > option[value='value_to_be_Searched']').html();

3

Bunu yararlı buldum

$('select[name=users] option:selected').text()

thisAnahtar kelimeyi kullanarak seçiciye erişirken .

$(this).find('option:selected').text()


2

Bunu dene:

$('select option:selected').prop('label');

Bu, her iki <option>öğe stili için görüntülenen metni çıkaracaktır :

  • <option label="foo"><option> -> "foo"
  • <option>bar<option> -> "bar"

labelÖğenin içinde hem özniteliği hem de metni varsa label, tarayıcıyla aynı davranış olan özniteliği kullanır .

Gelecek nesil için bu, jQuery 3.1.1 altında test edildi


0
<SELECT id="sel" onmouseover="alert(this.options[1].text);"
<option value=1>my love</option>
<option value=2>for u</option>
</SELECT>


0

Modern tarayıcılarda bunun için JQuery'ye ihtiyacınız yoktur. Bunun yerine kullanın

document.querySelectorAll('option:checked')

Veya bunun yerine herhangi bir DOM öğesini belirtin document


Sitemizi kullandığınızda şunları okuyup anladığınızı kabul etmiş olursunuz: Çerez Politikası ve Gizlilik Politikası.
Licensed under cc by-sa 3.0 with attribution required.