使用jquery按值选择DropDown

 --------- Pear Apple Melon  

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

 $('#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'); } });