プルダウンメニューで値を渡したいのですが

質問

すみません。今phpとhtmlであるサイトを作っているのですが
プルダウンメニューを選択した後、ボタンを押すことなく選択した途端ページ移動
して、値を持って行きたいのですがjavascriptはまったく知らないためやり方がわかりません。
いろいろググってそれらしいスクリプトを見つけたのですが以下だとまったく動的に反応しません。
（ページも移動しません）

最終的にpost[ffa]に値であるniやameなどを入れたいのですがどこをどういじれば良いでしょうか・・。

<form name="ffa" method="post" action="abc.php">
<script type="text/javascript">
<select name="sel1" onChange="document.forms['ffa'].submit()" >
<option value="ni">日本</option>
<option value="ame">アメリカ</option>
<option value="igi">イギリス</option>
<option value="su">スウェーデン</option>

</select>
</script>

回答No.1

Taiyonoshizuku · ベストアンサー

<form name="ffa" method="post" action="abc.php">
<select name="sel1" onChange="document.forms['ffa'].submit()" >
<option value="ni">日本</option>
<option value="ame">アメリカ</option>
<option value="igi">イギリス</option>
<option value="su">スウェーデン</option>
</select>
</form>

htmlがわかるなら<script></script>の間はscirptを書くのであろうと予想がつかないかな？
なのでその中にhtmlタグが出てきてはおかしい

お礼

ご回答ありがとうございます。
無事動きました！

回答No.2

yambejp

onchangeで処理をするとしたら日本は一生おくられないですよね？
デフォ値を設定した方がよいかも
(もう少し条件わけなどが必要になるのですが、今回の内容なら
こんなもんで十分)

それと自分のformを確認するときはthisで参照すると楽です

<form>
<select name="sel1" onChange="this.form.submit();" >
<option value="">選択してね！</option>
<option value="ni">日本</option>
<option value="ame">アメリカ</option>
<option value="igi">イギリス</option>
<option value="su">スウェーデン</option>
</select>
</form>