如何使用jquery在组合框中选择一个条目？

Question

我有一个HTML组合框，它有两个条目。一个是空白的，另一个是一些文本。我不知道价值是什么。

是否有无论如何通过使用jQuery（给定上面的常量），我可以有条目中的文本在程序中选择组合框？

Answer 1

这是一个办法做到这一点

假设这是HTML

<select size="5" id="foobar"> 
    <option value="">foo</option> 
    <option value="bar">bar</option> 
</select> 

这里是jQuery的

这里是一个working demo

Answer 2

这将选择第一个非空选项：

$("#mySelectBox").val(function() { 
    for (var i = 0; i<this.options.length; i++) { 
    if (this.options[i].text != "") return this.options[i].value; 
    } 
}); 

你可以做$.trim(this.options[i].text)如果文本可以包含空格。

这是一个通用的解决方案，如果您确定始终想要选择第二个选项，当然存在一个更简单的方法 - 请参阅mcgrailm's answer。

Answer 3

如何排序列表：

$("#combo").html($("#combo option").sort(function (a, b) { 
    return a.text == b.text ? 0 : a.text < b.text ? -1 : 1 
})); 

但出于兴趣，为什么不选择有选择的价值 - 它是动态创建的？

Answer 4

纯jQuery选择是选择第一个非空选项（基于期权的文本）：

$('#myDropDown option:not(:empty):first') 

使用下面的示例：

<select size="5" id="foobar"> 
    <option value="emptyoption"></option> 
    <option value="bar">bar</option> 
</select> 

这将选择 “栏” 选项：

$('#foobar option:not(:empty):first').prop('selected',true);