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

すみません。今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 回答日時： 2014/12/02 08:49

<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タグが出てきてはおかしい

この回答へのお礼

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

お礼日時：2014/12/06 05:58

No.2 回答者： yambejp 回答日時： 2014/12/02 11:03

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>