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('オリジナル');

これは、選択されていないオプションの値属性が「オリジナル」であることを前提としています。