JQuery ile bir seçme öğesinin (açılır liste) seçilen değerini almaya ve ayarlamaya çalışıyorum.
geri alma için denedim $("#myId").find(':selected').val(), hem de $("#myId").val()her ikisi de tanımsız döndü.
Bu sorunla ilgili herhangi bir içgörü çok takdir edilecektir.
Yanıtlar:
Şu anda sahip olma şeklin doğru. Ya seçimin kimliği söylediğiniz gibi değil ya da etki alanında bazı sorunlar yaşıyorsunuz.
Elemanın kimliği kontrol edin ve ayrıca İşaretlemenizin doğrular kontrol buraya W3C de.
Geçerli bir dom olmadan jQuery, seçicilerle doğru şekilde çalışamaz.
Kimlikler doğruysa ve alanınız doğrulanırsa aşağıdakiler geçerlidir:
Seçenek Değerini Okumak İçin
$('#selectId').val();Seçim Değerini Ayarlamak İçin
$('#selectId').val('newValue');Seçilen Metni Okumak İçin
$('#selectId>option:selected').text();select öğesinin gerçek selectedIndex özelliğini almak / ayarlamak için şunu kullanın:
$("#select-id").prop("selectedIndex");
$("#select-id").prop("selectedIndex",1);.attr()ve .prop()eşanlamlı değildir. Bir özniteliğin aynı zamanda bir özellik olduğu, örneğin .attr('id')şuna eşit olduğu belirli durumlarda çalışacaktır .prop('id'). Bu durumda .prop('selectedIndex')eşittir .get(0).selectedIndex.
İle ayarlarken şunları JQMgüncellemeyi unutmayın UI:
$('#selectId').val('newValue').selectmenu('refresh', true);$("#myId").val() eğer çalışmalı myidseçili öğe kimliği ise !
Bu, seçilen öğeyi ayarlar: $("#myId").val('VALUE');
Aşağıdaki gibi SELECT etiketini kullanarak bir Açılır liste oluşturduğunuzu varsayalım,
<select id="Country">Şimdi, JQuery kullanarak açılır menüden seçilen değerin ne olduğunu görmek istiyorsanız, o değeri almak için aşağıdaki satırı koymanız yeterlidir.
var result= $("#Country option:selected").text();iyi çalışacak.
Bunun eski olduğunu biliyorum ama Razor ile biraz zaman geçirdim, ne kadar uğraşsam da çalıştıramadım. Özellik için "metin" veya "html" kullansam da "tanımsız" olarak geri dönmeye devam etti. Son olarak seçeneğe "veri-değer" özelliğini ekledim ve bunu gayet iyi okudu.
<option value="1" data-value="MyText">MyText</option>
var DisplayText = $(this).find("option:selected").attr("data-value");$ ("#myId seçeneği: seçildi") .text (); açılır öğede seçtiğiniz metni size verecektir. her iki şekilde de değiştirebilirsiniz .val (); değerini elde etmek için. aşağıdaki kodlamayı kontrol edin
<select id="myId">
<option value="1">Mr</option>
<option value="2">Mrs</option>
<option value="3">Ms</option>`
<option value="4">Dr</option>
<option value="5">Prof</option>
</select>Bunu dene
$('#your_select_element_id').val('your_value').attr().add('selected');