プルダウンを選択していないときは、初期値(selected)の値を、選

プルダウンを選択していないときは、初期値(selected)の値を、選択したときは選択値を、hiddenで渡したい。

▽プルダウン例
<form>
<select>
<option value="0" selected>A</option>
<option value="4">B</option>
<option value="6">C</option>
</select>
</form>

↑上で選択した値(A or B or C)値を、↓下のvalue=「"hoge"」に渡したいです。
※選択肢は3つだけではなくて、たくさんあります。

▽input例
<input name="category_name" value="hoge" type="hidden">
※formとかselectにid振っても構いません。

※javascriptでやりたいです。

※添付画像が削除されました。

No.3 ベストアンサー 回答者： yyr446 回答日時： 2010/09/30 16:49

違ったoption valueじゃなかった

<form>
<select name="hoge"
onchange="this.form.category_name.value=
this.options.item(this.selectedIndex).text">>
<option value="0" selected>A</option>
<option value="4">B</option>
<option value="6">C</option>
</select>
<input name="category_name"
value="this.form.hoge.options.item(0).text" type="hidden">
</form>

でしょう。

この回答へのお礼

ご回答ありがとうございました！

お礼日時：2010/09/30 17:27

No.2 回答者： yyr446 回答日時： 2010/09/30 16:44

プルダウンを選択していないときは、初期値(selected)の値を、hiddenへ渡したい

＝＞

<form>
<select name="hoge"
onchange="this.form.category_name.value=
this.options.item(this.selectedIndex).text">>
<option value="0" selected>A</option>
<option value="4">B</option>
<option value="6">C</option>
</select>
<input name="category_name"
value="this.form.hoge.value" type="hidden">
</form>

でよいでしょう。

No.1 回答者： yambejp 回答日時： 2010/09/30 14:54

http://oshiete.goo.ne.jp/qa/6217505.html

#1さんからの回答まんまだと思いますが？

この回答への補足

＞#1さんからの回答まんまだと思いますが？
#1さんからの回答だと、選択という行為をしないと、選択値がhiddenへ渡りません。プルダウンを選択していないときは、初期値(selected)の値を、hiddenへ渡したいのですが…。

補足日時：2010/09/30 16:19