こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

-広告-

締切り済みの質問

javascriptについて

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>

投稿日時 - 2016-01-26 06:21:10

QNo.9117235

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

-広告-
-広告-

回答(1)

ANo.1

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

投稿日時 - 2016-01-26 14:37:16

お礼

回答ありがとうございます!
いろいろ思考錯誤していこうと思います!

投稿日時 - 2016-01-26 19:14:12

-広告-
-広告-
-広告-
-広告-