jquery - 使用 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);

演示

Answer 2

甚至更短：

$('#display_dj_entries').val('original');

这假定未选择选项的 value 属性是“original”。