У меня есть элемент управления select, а в переменной javascript у меня есть текстовая строка.
Использование jQuery Я хочу, чтобы выбранный элемент элемента управления select был элементом с текстовым описанием, которое у меня есть (в отличие от значения, которого у меня нет).
Я знаю, что настройка его по значению довольно тривиальна. например.
$("#my-select").val(myVal);
Но я немного в тупике, когда делаю это через текстовое описание. Я предполагаю, что должен быть способ получить значение из текстового описания, но мой мозг слишком поздно вечером, чтобы иметь возможность его выработать.
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>
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>
Обратите внимание, что хотя этот подход будет работать в версиях выше 1.6, но меньше 1.9, он не рекомендуется с 1.6. Это не будет работать в jQuery 1. 9+.
val()
должен обрабатывать оба случая.
$('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>
Я не тестировал это, но это может сработать для вас.
$("select#my-select option")
.each(function() { this.selected = (this.text == myVal); });
Попробуйте это..., чтобы выбрать параметр с текстом myText
$("#my-Select option[text=" + myText +"]").attr("selected","selected");
$("#my-Select option[text=" + myText +"]").get(0).selected = true;
стиль время от времени: (...
Я делаю это по этому пути (jQuery 1.9.1)
$("#my-select").val("Dutch").change();
Примечание: не забывайте об изменении(), мне пришлось долго искать из-за этого:)
$("#myselect option:contains('YourTextHere')").val();
вернет значение первого параметра, содержащего ваше текстовое описание. Протестировано и работает.
Чтобы избежать всех осложнений версии 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;
}
Эта строка работала:
$("#myDropDown option:contains(myText)").attr('selected', true);
Я знаю, что это старый пост, но я не мог его выбрать, используя текст, используя jQuery 1.10.3 и решения выше. Я закончил использовать следующий код (изменение решения spoulson):
var textToSelect = "Hello World";
$("#myDropDown option").each(function (a, b) {
if ($(this).html() == textToSelect ) $(this).attr("selected", "selected");
});
Надеюсь, что это поможет кому-то.
$("#Test").find("option:contains('two')").each(function(){
if( $(this).text() == 'two' ) {
$(this).attr("selected","selected");
}
});
Оператор if делает точное совпадение с "двумя" и "двумя тремя" не будет сопоставлено
Самый простой способ с 1.7+:
$("#myDropDown option:text=" + myText +"").attr("selected", "selected");
1,9 +
$("#myDropDown option:text=" + myText +"").prop("selected", "selected");
Протестировано и работает.
.prop
для изменения свойств DOM, а не .attr
(для атрибутов HTML / DOM). См. Stackoverflow.com/q/5874652/1709587
взгляните на jquery selectedbox плагин
selectOptions(value[, clear]):
Выберите параметры по значению, используя строку в качестве параметра $("#myselect2").selectOptions("Value 1");
или регулярное выражение $("#myselect2").selectOptions(/^val/i);
.
Вы также можете очистить уже выбранные параметры: $("#myselect2").selectOptions("Value 2", true);
Я обнаружил, что с помощью attr
у вас будет несколько вариантов, выбранных, когда вы этого не хотите - решение должно использовать prop
:
$("#myDropDown option:text=" + myText +"").prop("selected", "selected");
Просто на стороне записки. Мое выбранное значение не было установлено. И я искал всю сеть. На самом деле мне пришлось выбрать значение после вызова из веб-службы, потому что я получал от него данные.
$("#SelectMonth option[value=" + DataFromWebService + "]").attr('selected', 'selected');
$("#SelectMonth").selectmenu('refresh', true);
Итак, обновление селектора было единственным, что я отсутствовал.
Вот очень простой способ. PLZ использовать его
$("#free").val("y").change();
$('#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');
});
У меня возникла проблема с приведенными выше примерами, и проблема была вызвана тем фактом, что мои значения поля выбора заполняются строками с фиксированной длиной 6 символов, но передаваемый параметр не был фиксированной длиной.
У меня есть функция rpad, которая будет правильно набирать строку, до указанной длины и с указанным символом. Итак, после заполнения параметра он работает.
$('#wsWorkCenter').val(rpad(wsWorkCenter, 6, ' '));
function rpad(pStr, pLen, pPadStr) {
if (pPadStr == '') {pPadStr == ' '};
while (pStr.length < pLen)
pStr = pStr + pPadStr;
return pStr;
}
Этот принятый ответ не кажется правильным, в то время как .val('newValue') является правильным для функции, попытка получить выбор по его имени не работает для меня, мне пришлось использовать id и classname для получения моего элемент
Вот простой вариант. Просто установите свой список, а затем установите его текст в качестве выбранного значения:
$("#ddlScheduleFrequency option").selected(text("Select One..."));
Получить детей из окна выбора; петля через них; когда вы нашли тот, который вам нужен, установите его как выбранный параметр; return false, чтобы остановить цикл.