JQuery'de bir açılır menünün değerini öğrenin


100

'Kimlik, Ad' Çifti olan bir açılır listem var.

Misal

Jon Miller
Jim Smith
Jen Morsin

Jon MIller'in kimliği 101
Jim Smith'in kimliği 102
Jen Morsin'in kimliği 103

Aşağıdakileri yaptığımda:

var arNames = $('#Crd').val() 

ve Jon Miller'ı seçiyorum, 101 alıyorum. Yine de Jon Miller'ı almak istiyorum.


Yanıtlar:


185

$('#Crd').val()size açılır öğenin seçilen değerini verecektir. Seçilen seçenekler metnini almak için bunu kullanın.

$('#Crd option:selected').text();

3
$ ('# Crd seçeneği: seçildi']. Text () veya $ ('# Crd seçeneği: seçildi']. Val (), .text size değeri değil, görüntülenen metnin değerini verir
patrick choi

$ ('# Crd seçeneği: seçildi']. Val (); Değer için
asifaftab87

13

En iyi yol şunları kullanmaktır:

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

İhtiyaca bağlı olarak şu şekilde de kullanabilirsiniz:

var v = $("#yourid").val();
$("#yourid option[value="+v+"]").text()

5

A kullanıyorsanız <select>, .val()seçilenin 'değerini' alır <option>. Bir yoksa value, bu son çare olabilir id. Döndürmesini istediğiniz değeri valueher birinin özniteliğine koyun<option>

Düzenleme:value Gerçekte ne olduğuna ilişkin açıklama için yorumlara bakın ( valueözniteliğe mutlaka eşit olması gerekmez ).


1
Sadece bir açıklama, .val () , HTML özellik değerini değil canlı değer özelliğini döndürür .
Çad

Doğru. Bununla birlikte, OP valueherhangi bir noktada s'leri değiştirmek istemiyor gibi göründüğü için bu durumda pratik bir fark yoktur .
Ansel Santosa

2
.val() gets the 'value' attribute of the selected <option>, dediğim gibi: sadece açıklığa kavuşturmak.
Çad

Metin yerine dizine veya kimliğe ihtiyacım olursa ne olur?
bgmCoder

5

Bu benim için çalıştı!

$('#selected-option option:selected').val()

Umarım bu birine yardımcı olur!


3
var sal = $('.selectSal option:selected').eq(0).val();

selectSal bir sınıftır.




0

Bir selectkutuda ... belirtildiği gibi, .val()özellik size seçilen seçeneğin değerini verecektir. Seçili seçeneğin bir değer özniteliği yoksa, varsayılan olarak seçeneğin görüntü değerine ayarlanır (.val gösterinin jQuery belgelerindeki örnekler budur .

.text()seçilen seçeneği kullanmak istiyorsanız :

$('#Crd option:selected').text()


0

Bu, açılır listenin bir kimliği "someId" ise, açılır listenin mevcut değerini verir.

$("#someId").val();

0

$('.leave_response').on('change', function() {
    var responseId = $(this).val();
    console.log(responseId);
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<td>
    <select class="leave_response" name="leave">
        <option>1</option>
        <option>2</option>
        <option>3</option>
        <option>4</option>
    </select>
</td>


0

Kimliği geçirin ve bir değişkene tutun ve değişkeni istediğiniz yere iletin.

var temp = $ ('[ad = Kimlik Adı]' nı seçin '). val ();


$ ('[ad = Kimlik Adı] seçeneğini seçin: seçildi'). val (); Bu da İşe
Yarıyor
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.