jQuery - metin açıklaması aracılığıyla bir seçim kontrolünün seçilen değerini ayarlama

Bir select kontrolüm var ve bir javascript değişkeninde bir metin dizem var.

jQuery kullanarak, seçme kontrolünün seçilen öğesini, sahip olduğum metin açıklamasına sahip öğe olarak ayarlamak istiyorum (sahip olmadığım değerin aksine).

Değere göre ayarlamanın oldukça önemsiz olduğunu biliyorum. ör.

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

Ancak bunu metin açıklaması yoluyla yapma konusunda biraz zorlanıyorum. Sanırım değeri metin açıklamasından çıkarmanın bir yolu olmalı, ancak beynim bunu çözemeyecek kadar Cuma öğleden sonra yorgun.

Çözüm

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

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>
  One
  Two
Yorumlar (15)

Bunu test etmedim, ancak bu sizin için işe yarayabilir.

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

Seçim kutusunun alt öğelerini alın; bunlar arasında döngü oluşturun; istediğinizi bulduğunuzda bunu seçili seçenek olarak ayarlayın; döngüyü durdurmak için false değerini döndürün.

Yorumlar (0)