締切済み

javascriptについて

2016/01/26 06:21

Javascriptを使用して簡単なツールを作りたいのですが、初心者なので分からず困っています。詳しく教えて頂けると助かります！現状このような感じで、機能していない状態です。ここにjavascriptで、プルダウンで選択したものによって表示する内容を変えるためにはどのような文にしたら良いのでしょうか？例えば、プルダウンで【卵】【焼く】を選択した時には、【目玉焼き】【ゆでる】に変えると、【ゆで卵】といったように、組み合わせこどに表示される内容を変えたいです。また、検索ボタンやリセットボタンを連動させたいです。検索ボタンを押すと結果が余っているスペースに表示されるようにしたいです。色々と申し訳ありませんが、教えて頂けると助かります！ <!DOCTYPE html> <html lang="ja"> <head> <title>サンプル</title> </head> <body> <h1>見出し</h1> <form><input type="hidden" id="auth_token" name="auth_token" value="06482d99b3270c4fe048edc8a8d1ea38f2411567"> <select name="材料"> <option value="1">卵</option> <option value="2" selected>じゃがいも</option> <option value="3">にんじん</option> </select> </form><br> <form><input type="hidden" id="auth_token" name="auth_token" value="06482d99b3270c4fe048edc8a8d1ea38f2411567"> <select name="調理"> <option value="1">焼く</option> <option value="2" selected>ゆでる</option> <option value="3">蒸す</option> </select> </form> <form><input type="hidden" id="auth_token" name="auth_token" value="06482d99b3270c4fe048edc8a8d1ea38f2411567"> <input type=" submit" name="search" value=" 検索" /> <input type="reset" value="リセット"> </form> </body> </html>

ssaauk
お礼率100% (3/3)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

みんなの回答

lefty17
ベストアンサー率21% (46/214)

2016/01/26 14:37 回答No.1

いろいろと直すところがあります。・<form>タグを３つ記載しているようですが、分ける必要がないので１つでOKです。　・<select>タグのname属性に全角マルチバイト文字を使っていますが、javascriptで扱うには半角文字にしないと不都合があります。・検索ボタンsubmit時に javascriptで扱うにはonclickイベントなどを使う必要が有ります。

質問者