select optionで選択された時に、1つ目のoptionも含めvalueに指定した値で遷移する方法

Question

表題についてです。

以下の方法で試しましたが、
通常、optionの一番目はすでに選択されている状態なので、
改めて選択しても遷移されず。。。（2番目以降は遷移します）

こちらを一番目も含め遷移させる方法を
教えて頂けないでしょうか？

よろしくお願いいたします。

$('select[name=change_js]').change(function() {
  if ($(this).val() != '') {
    window.location.href = $(this).val();
  }
});

<select class="search-category" name="change_js">
　<option value="項目その1のURL">項目その1</option> ← ここも遷移させたい！
　<option value="項目その2のURL">項目その2</option>
　<option value="項目その3のURL">項目その3</option>
</select>

Comments

[m.ts10806]

何を設定したときにどういう風になっている、とか
具体例出されたほうが良いです。
multiple属性つけるとかそういうことなんでしょうか。

Answer 1

普通は最初のデータは空を作っておきます

<option value="">--</option>

変更をしていないのにイベントを掴むのは難しいです
アクティブが外れるならblurでの調整もあるよは思いますが・・・

Answer 2

(都合により削除)

Comments

[hayakawatakuma]

返信遅れまして申し訳ありません！
こちらで希望通りの動作が確認できました。
ありがとうございました！