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>

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

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

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

Answer 1

尝试使用.val，它可以是基于参数的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');            
    }                        
});

使用jquery按值选择DropDown

4 个答案: