JQuery - установка выбранного значения элемента управления select через его текстовое описание

У меня есть элемент управления select, а в переменной javascript у меня есть текстовая строка.

Использование jQuery Я хочу, чтобы выбранный элемент элемента управления select был элементом с текстовым описанием, которое у меня есть (в отличие от значения, которого у меня нет).

Я знаю, что настройка его по значению довольно тривиальна. например.

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

Но я немного в тупике, когда делаю это через текстовое описание. Я предполагаю, что должен быть способ получить значение из текстового описания, но мой мозг слишком поздно вечером, чтобы иметь возможность его выработать.

Ответ 1

Выберите по описанию для jQuery v1. 6+

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>

Ответ 2

Я не тестировал это, но это может сработать для вас.

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

Ответ 3

Попробуйте это..., чтобы выбрать параметр с текстом myText

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

Ответ 4

Я делаю это по этому пути (jQuery 1.9.1)

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

Примечание: не забывайте об изменении(), мне пришлось долго искать из-за этого:)

Ответ 5

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

вернет значение первого параметра, содержащего ваше текстовое описание. Протестировано и работает.

Ответ 6

Чтобы избежать всех осложнений версии jQuery, я честно рекомендую использовать одну из этих очень простых функций javascript...

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;
}

Ответ 7

Эта строка работала:

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

Ответ 8

Я знаю, что это старый пост, но я не мог его выбрать, используя текст, используя jQuery 1.10.3 и решения выше. Я закончил использовать следующий код (изменение решения spoulson):

      var textToSelect = "Hello World";

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

Надеюсь, что это поможет кому-то.

Ответ 9

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

Оператор if делает точное совпадение с "двумя" и "двумя тремя" не будет сопоставлено

Ответ 10

Самый простой способ с 1.7+:

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

1,9 +

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

Протестировано и работает.

Ответ 11

взгляните на jquery selectedbox плагин

selectOptions(value[, clear]):

Выберите параметры по значению, используя строку в качестве параметра $("#myselect2").selectOptions("Value 1"); или регулярное выражение $("#myselect2").selectOptions(/^val/i);.

Вы также можете очистить уже выбранные параметры: $("#myselect2").selectOptions("Value 2", true);

Ответ 12

Просто на стороне записки. Мое выбранное значение не было установлено. И я искал всю сеть. На самом деле мне пришлось выбрать значение после вызова из веб-службы, потому что я получал от него данные.

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

Итак, обновление селектора было единственным, что я отсутствовал.

Ответ 13

Я обнаружил, что с помощью attr у вас будет несколько вариантов, выбранных, когда вы этого не хотите - решение должно использовать prop:

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

Ответ 14

Вот очень простой способ. PLZ использовать его

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

Ответ 15

У меня возникла проблема с приведенными выше примерами, и проблема была вызвана тем фактом, что мои значения поля выбора заполняются строками с фиксированной длиной 6 символов, но передаваемый параметр не был фиксированной длиной.

У меня есть функция rpad, которая будет правильно набирать строку, до указанной длины и с указанным символом. Итак, после заполнения параметра он работает.

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


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

Ответ 16

 $('#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');
});

Ответ 17

Получить детей из окна выбора; петля через них; когда вы нашли тот, который вам нужен, установите его как выбранный параметр; return false, чтобы остановить цикл.

Ответ 18

Вот простой вариант. Просто установите свой список, а затем установите его текст в качестве выбранного значения:

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

Ответ 19

Этот принятый ответ не кажется правильным, в то время как .val('newValue') является правильным для функции, попытка получить выбор по его имени не работает для меня, мне пришлось использовать id и classname для получения моего элемент