selectboxの先頭を選択状態にしたい

Question

jQuery初心者です。

セレクトの先頭を選択状態にしてるつもりなのですがなりません。

CSSは当ててない状態でも同じだったので記載してません。

何が原因でしょうか？
先輩方教えて下さい。宜しくお願いします。

<label> 
地域 <span class="label label-danger">（必須）</span>
<select class="minimal" name="item[prefecture1_id]"><option value="">選択して下さい</option>
<option value="1">全国</option>
<option value="2">北海道</option>
<option value="3">青森県</option>
<option value="4">岩手県</option>
<option value="5">宮城県</option>
<option value="6">秋田県</option>
<option value="7">山形県</option>
<option value="8">福島県</option>
<option value="9">茨城県</option>
<option value="10">栃木県</option>
<option value="11">群馬県</option>
<option value="12">埼玉県</option>
<option value="13">千葉県</option>
<option value="14">東京都</option>
<option value="15">神奈川県</option></select>
</label>      

//効かない
$('[name="item[prefecture1_id]"]').val(0);
//これも効かない
$('[name="item[prefecture1_id]"]').val(1);
//これも効かない
$('[name="item[prefecture1_id]"]').prop("selectedIndex", 1);

ご指摘により追記
どこが先頭のつもりか？が抜けておりました。
今回は「未入力ですよ」というのを示すものでしたので、
選択して下さいの行がそれに該当します。

「val(0)」で効いてたのですが、元々その行が表示されてるため
効いてる事が分かっていませんでした。
試しにval(3)など試すと効いたため確認取れました。

Answer 1

意図している「先頭」が「選択して下さい」なら

val()はvalue値を指定しますし、
selectedIndexは0から始まります。
見事に外してます。

.val("")か、.prop("selectedIndex", 0)ではと。

あとは、そのjQueryのコードがどのタイミングで通るように書かれているか次第ではあります。

Comments

[pecchan]

有難う御座います。
確認ミスでした。
選択状態になってました。お騒がせしてスミマセン。。。

[m.ts10806]

「どこが先頭のつもりで、そのときどういう表示になっているか」を質問に提示しておかないと、この質問は誰の役にも立たないということになります。

[pecchan]

ご指摘有難う御座います。
追記いたしました。

Answer 2

お騒がせしてすみません。
ちゃんと選択状態になっておりました。