jQuery - metin denetimiyle seçilen denetimin seçilen değerini ayarlama

Bir seçme denetimi var ve bir javascript değişkeninde bir metin dizesi var.

JQuery kullanarak seçme denetiminin seçili öğesini, sahip olduğum metin açıklamasına (sahip olmadığım değerin aksine) öğe olarak ayarlamak istiyorum.

Değere göre ayarlamak oldukça önemsiz olduğunu biliyorum. Örneğin

$("#my-select").val(myVal);

Ama bunu metin açıklaması yoluyla yapmaktan biraz yoruldum. Metin açıklamasından değeri elde etmenin bir yolu olmalı, ama beynim bunu çözmek için çok cuma öğleden sonra.

Açıklamaya göre jQuery v1.6 + seçin

var text1 = 'Two';
$("select option").filter(function() {
  //may want to use $.trim in here
  return $(this).text() == text1;
}).prop('selected', true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select>
  <option value="0">One</option>
  <option value="1">Two</option>
</select>

jQuery 1.6'nın altında ve 1.4'e eşit veya daha büyük

var text1 = 'Two';
$("select option").filter(function() {
  //may want to use $.trim in here
  return $(this).text() == text1;
}).attr('selected', true);

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.0/jquery.min.js"></script>

<select>
  <option value="0">One</option>
  <option value="1">Two</option>
</select>

Bu yaklaşım 1,6'nın üzerinde ancak 1,9'un altında olan sürümlerde çalışacak olsa da 1,6'dan beri kullanımdan kaldırılmıştır. Bu işe yaramaz 1.9+ jQuery.

Önceki sürümler

val() her iki durumu da ele almalıdır.

$('select').val('1'); // selects "Two"
$('select').val('Two'); // also selects "Two"

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script>

<select>
  <option value="0">One</option>
  <option value="1">Two</option>
</select>

Bunu test etmedim, ama bu senin için işe yarayabilir.

$("select#my-select option")
   .each(function() { this.selected = (this.text == myVal); });

Metinle myText seçeneği seçmek için bunu deneyin ...

$("#my-Select option[text=" + myText +"]").prop("selected", true);

Bunu bu şekilde yapıyorum (jQuery 1.9.1)

$("#my-select").val("Dutch").change();

Not: Değişikliği unutmayın (), bu yüzden uzun süre aramak zorunda kaldım :)

$("#myselect option:contains('YourTextHere')").val();

metin açıklamanızı içeren ilk seçeneğin değerini döndürür. Bunu test etti ve çalışıyor.

Tüm jQuery sürüm komplikasyonlarını önlemek için, dürüstçe bu gerçekten basit javascript işlevlerinden birini kullanmanızı öneririz ...

function setSelectByValue(eID,val)
{ //Loop through sequentially//
  var ele=document.getElementById(eID);
  for(var ii=0; ii<ele.length; ii++)
    if(ele.options[ii].value==val) { //Found!
      ele.options[ii].selected=true;
      return true;
    }
  return false;
}

function setSelectByText(eID,text)
{ //Loop through sequentially//
  var ele=document.getElementById(eID);
  for(var ii=0; ii<ele.length; ii++)
    if(ele.options[ii].text==text) { //Found!
      ele.options[ii].selected=true;
      return true;
    }
  return false;
}

Bu eski bir yazı olduğunu biliyorum, ama jQuery 1.10.3 ve yukarıdaki çözümleri kullanarak metin ile seçmek için alamadım. Aşağıdaki kodu (spoulson çözümünün varyasyonu) kullanarak sona erdi:

      var textToSelect = "Hello World";

      $("#myDropDown option").each(function (a, b) {
            if ($(this).html() == textToSelect ) $(this).attr("selected", "selected");
        });

Umarım birine yardımcı olur.

Bu hat çalıştı:

$("#myDropDown option:contains(myText)").attr('selected', true);

 $("#Test").find("option:contains('two')").each(function(){
     if( $(this).text() == 'two' ) {
        $(this).attr("selected","selected");
     }
 });

İf ifadesi "iki" ve "iki üç" ile tam olarak eşleşmez

1.7+ ile en kolay yol:

$("#myDropDown option:text=" + myText +"").attr("selected", "selected"); 

1.9+

$("#myDropDown option:text=" + myText +"").prop("selected", "selected"); 

Test edildi ve çalışıyor.

İşte çok basit bir yol. lütfen kullan

$("#free").val("y").change();

jquery selectedbox eklentisine bir göz atın

selectOptions(value[, clear]): 

Parametre olarak bir dize $("#myselect2").selectOptions("Value 1");veya normal bir ifade kullanarak seçenekleri değere göre seçin $("#myselect2").selectOptions(/^val/i);.

Ayrıca, önceden seçilmiş seçenekleri de temizleyebilirsiniz: $("#myselect2").selectOptions("Value 2", true);

Sadece bir yan notta. Seçtiğim değer ayarlanmadı. Ve tüm internette arama yaptım. Aslında ondan veri alıyordum çünkü bir web servisinden geri arama sonra bir değer seçmek zorunda kaldı.

$("#SelectMonth option[value=" + DataFromWebService + "]").attr('selected', 'selected'); 
$("#SelectMonth").selectmenu('refresh', true);

Yani seçicinin tazelemesi eksik olduğum tek şeydi.

Ben attrsizi kullanarak istemediğiniz zaman seçilen birden çok seçenek ile sonuçlandı buldum - çözüm kullanmaktır prop:

$("#myDropDown option:text=" + myText +"").prop("selected", "selected");

Yukarıdaki örneklerle ilgili bir sorunum vardı ve sorun, seçim kutusu değerlerimin 6 karakterlik sabit uzunluklu dizelerle önceden doldurulmuş olması, ancak geçirilen parametrenin sabit uzunlukta olmamasıydı.

Ben bir dize, belirtilen uzunlukta ve belirtilen karakter sağ pad olacak bir rpad işlevi var. Bu nedenle, parametreyi doldurduktan sonra çalışır.

$('#wsWorkCenter').val(rpad(wsWorkCenter, 6, ' '));


function rpad(pStr, pLen, pPadStr) {
if (pPadStr == '') {pPadStr == ' '};
while (pStr.length < pLen)
    pStr = pStr + pPadStr;
return pStr; 
} 

 $('#theYear').on('change', function () {
 FY = $(this).find('option:selected').text();
 $('#theFolders').each(function () {
     $('option:not(:contains(' + FY + '))', this).hide();
 });
 $('#theFolders').val(0);
});

$('#theYear').on('mousedown', function () {
 $('#theFolders option').show().find('option:contains("Select")', this).attr('selected', 'selected');
});

Bu kabul edilen cevap doğru görünmüyor, .val ('newValue') işlev için doğru iken, adıyla bir seçim almaya çalışmak benim için çalışmıyor, öğemi almak için kimlik ve sınıf adını kullanmak zorunda kaldım

Heres kolay bir seçenek. Sadece liste seçeneğini belirleyin ve metnini seçilen değer olarak ayarlayın:

$("#ddlScheduleFrequency option").selected(text("Select One..."));

Seçim kutusunun alt öğelerini alın; bunlar arasında dolaşmak; istediğinizi bulduğunuzda, seçilen seçenek olarak ayarlayın; döngüyü durdurmak için false döndür.