使用jQuery设置选择值不起作用

Question

全部， 我有一个选择框的HTML代码：

<select name="display_dj_entries" id="display_dj_entries">
<option value="original">Select a DJ</option>
<option value="1">1</option>
</select>

我正在尝试在我的页面上更改另一个选择框时将此值设置回原始值。我有以下jQuery来执行此操作：

jQuery(document).on('change','#display_gear_entries',function(event){
    var selected_value = jQuery(this).val();
    jQuery("#display_dj_entries option[value='original']").attr("selected", "selected");
});

它没有将值设置回原始值，而是将其设置为值1.我在这方面做错了什么？

谢谢！

Answer 1

试试这个：

jQuery("#display_dj_entries").prop("selectedIndex", 0);

<强> DEMO

Answer 2

甚至更短：

  

$（ '＃display_dj_entries'）VAL（ '原始'）;

这假设value属性对于未选择的选项是'original'。