我有一个选择控件，在一个javascript变量，我有一个文本字符串。
使用jQuery，我想设置选择控件的选定元素为我有文本描述的项目(而不是值，这是我没有的)。
我知道用值来设置它很简单。如。
$("#my-select").val(myVal);
但我有点难住了，通过文本描述。我想一定有办法从文本描述中得到价值，但我的大脑在周五下午太忙了，无法解决这个问题。
当前回答
根据描述选择jQuery v1.6+
var text1 = '两个'; $("select option").filter(function() { //可能需要使用$。这里修剪一下 返回$(this).text() == text1; })。道具(“选择”,真正的); < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js " > < /脚本> <选择> <选项值= " 0 " > < /选项>一个 两个<选项值= " 1 " > < /选项> < /选择>
jQuery版本低于1.6且大于等于1.4
var text1 = '两个'; $("select option").filter(function() { //可能需要使用$。这里修剪一下 返回$(this).text() == text1; })。attr(‘选择’,真正的); < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/1.4.0/jquery.min.js " > < /脚本> <选择> <选项值= " 0 " > < /选项>一个 两个<选项值= " 1 " > < /选项> < /选择>
注意，虽然这种方法可以在高于1.6但低于1.9的版本中工作，但从1.6开始就已经弃用了。它不能在jQuery 1.9+中工作。
以前的版本
Val()应该处理这两种情况。
$('选择').val (' 1 ');//选择“2” $('选择').val(两个);//同时选择"Two" < script src = " https://cdnjs.cloudflare.com/ajax/libs/jquery/1.2.3/jquery.min.js " > < /脚本> <选择> <选项值= " 0 " > < /选项>一个 两个<选项值= " 1 " > < /选项> < /选择>
其他回答
获取选择框的子元素;循环遍历它们;当你找到你想要的选项时，将其设置为所选选项;返回false停止循环。
Try
[...mySelect.options].forEach(o=> o.selected = o.text == 'Text C' )
[... mySelect选项)。前言(o=> o.选择= o.文本=“文本C”); 选择< id =“mySelect > <option value=“A”>短信A</option> <option value=“B”>短信B</option> <option value=“C”>短信</option> 选择< - >
我在上面的例子中遇到了一个问题，这个问题是由于我的选择框值预填充了6个字符的固定长度字符串，但传入的参数不是固定长度。
我有一个rpad函数，它将右垫字符串，到指定的长度，并与指定的字符。因此，填充参数后，它可以工作。
$('#wsWorkCenter').val(rpad(wsWorkCenter, 6, ' '));
function rpad(pStr, pLen, pPadStr) {
if (pPadStr == '') {pPadStr == ' '};
while (pStr.length < pLen)
pStr = pStr + pPadStr;
return pStr;
}
我发现通过使用attr，你最终会选择多个选项，当你不想-解决方案是使用prop:
$(“#myDropDown option:text=“+ myText +”)。道具(selected”、“selected”);
为了避免所有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;
}
