javascript - 使用 jquery 按值选择下拉菜单

Question

<select id="id_deals-1-deal_template" name="deals-1-deal_template">
 <option selected="selected" value="">---------</option>
 <option value="1" selected="selected">Pear</option>
 <option value="2">Apple</option>
 <option value="4">Melon</option>
</select>

为了选择 Melon，我必须这样做：

$('#id_deals-1-deal_template>option:eq(3)').prop('selected', true);

但在这种情况下，我宁愿选择主键 4。因此，是否可以通过其值而不是顺序来选择下拉列表？

Answer 1

尝试使用.valwhich 可以是基于参数的 setter 或 getter。下面是一个二传手..

$('#id_deals-1-deal_template').val(4);

Answer 2

$('#id_deals-1-deal_template').val(4);

这是一个演示：

http://jsfiddle.net/M3UBc/

Answer 3

采用

$('#id_deals-1-deal_template').val(4);

或者

$('#id_deals-1-deal_template').val('Melon');

Answer 4

按选项名称选择

$("#id_deals-1-deal_template option").each(function() {
    if($(this).text() == 'Melon') {
    $(this).attr('selected', 'selected');            
}                        
});

按值 id 选择

$("#id_deals-1-deal_template option").each(function() {
    if($(this).text() == '4') {
    $(this).attr('selected', 'selected');            
    }                        
});