No.1ベストアンサー
- 回答日時:
こんな感じですか?
---
<html>
<head>
<title>test</title>
<script type="text/javascript">
window.onload = function() {
var buttons = document.getElementById('colors').getElementsByTagName('button');
for (var i = 0, n = buttons.length; i < n; i++) {
buttons[i].onclick = function() {
document.getElementById('result').value = this.value;
}
}
}
</script>
</head>
<body>
<form id="colors" action="#">
<button type="button" value="赤色">暖かい色</button>
<button type="button" value="青色">お空の色</button>
<input id="result" type="text" value="" />
</form>
</body>
</html>
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
このQ&Aを見た人はこんなQ&Aも見ています
-
つい集めてしまうものはなんですか?
人間誰もは1つ「やたらこればかり集めてしまう」というものがあるもの。 あなたにとって、つい集めてしまうものはなんですか?
-
大人になっても苦手な食べ物、ありますか?
大人になっても、我慢してもどうしても食べれないほど苦手なものってありますよね。 あなたにとっての今でもどうしても苦手なものはなんですか?
-
メモのコツを教えてください!
メモを取るのが苦手です。 急いでメモすると内容がごちゃごちゃになってしまったり、ひどいときには全く読めない時もあります。
-
昨日見た夢を教えて下さい
たまにすごいドラマチックな夢見ること、ありませんか? 起きてからも妙に記憶に残っているような、そんな夢。
-
14歳の自分に衝撃の事実を告げてください
タイムマシンで14歳の自分のところに現れた未来のあなた。 衝撃的な事実を告げて自分に驚かせるとしたら何を告げますか?
-
[onClick]ボタンを押すことで入力欄に文字を挿入する方法は?
JavaScript
-
リンククリック → テキスト自動入力で改行対応
JavaScript
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【大喜利】【投稿~11/1】 存在しそうで存在しないモノマネ芸人の名前を教えてください
- ・好きなおでんの具材ドラフト会議しましょう
- ・餃子を食べるとき、何をつけますか?
- ・あなたの「必」の書き順を教えてください
- ・ギリギリ行けるお一人様のライン
- ・10代と話して驚いたこと
- ・家の中でのこだわりスペースはどこですか?
- ・つい集めてしまうものはなんですか?
- ・自分のセンスや笑いの好みに影響を受けた作品を教えて
- ・【お題】引っかけ問題(締め切り10月27日(日)23時)
- ・大人になっても苦手な食べ物、ありますか?
- ・14歳の自分に衝撃の事実を告げてください
- ・架空の映画のネタバレレビュー
- ・「お昼の放送」の思い出
- ・昨日見た夢を教えて下さい
- ・ちょっと先の未来クイズ第4問
- ・【大喜利】【投稿~10/21(月)】買ったばかりの自転車を分解してひと言
- ・メモのコツを教えてください!
- ・CDの保有枚数を教えてください
- ・ホテルを選ぶとき、これだけは譲れない条件TOP3は?
- ・家・車以外で、人生で一番奮発した買い物
- ・人生最悪の忘れ物
- ・【コナン30周年】嘘でしょ!?と思った○○周年を教えて【ハルヒ20周年】
- ・10秒目をつむったら…
- ・人生のプチ美学を教えてください!!
- ・あなたの習慣について教えてください!!
- ・牛、豚、鶏、どれか一つ食べられなくなるとしたら?
- ・都道府県穴埋めゲーム
このQ&Aを見た人がよく見るQ&A
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
クリックさせたいが、click()が...
-
onchangeイベントを強制的に発...
-
jQueryでshow/hideが上手く行か...
-
onclickが動作しない
-
JavaScriptのfileオブジェクト...
-
クリックでテーブル内の背景色...
-
for文の中での計算
-
formのfileの値をhiddenでも持...
-
ボタンかリンクをクリックする...
-
return trueとreturn falseの用...
-
【jQuery】input nameの文字列...
-
JSP内で可変するチェックボック...
-
slickのレスポンシブ > center...
-
マウスをブラウザの外に出した...
-
FormのonsubmitでJavaスクリプ...
-
javascriptでセレクトボックス...
-
チェックボックス付きのテーブ...
-
ホームページビルダーのスクリ...
-
新しくフォルダを作成したい
-
<textarea>にプルダウンを表示...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
onchangeイベントを強制的に発...
-
追加ボタンを押した際に ok ボ...
-
javaScriptの変数をJavaの変数...
-
クリックさせたいが、click()が...
-
onclickが動作しない
-
innerHTML内では改行は禁止?
-
formのfileの値をhiddenでも持...
-
開いた子ウィンドウにあるボタ...
-
JavaScriptのfileオブジェクト...
-
JSのボタンを複数う使うには
-
クリックでテーブル内の背景色...
-
VB.NETで<Input>タグ、<text...
-
jQueryで設定したイベントハン...
-
テキストフィールド未入力の場...
-
javascriptで作成されたテーブ...
-
オンクリックで現在時刻の取得→...
-
onClickがinput type="image"だ...
-
ボタン押下しテキストエリアに...
-
JavaScriptなどでみられるstrと...
-
window.openで開いた子ウィンド...
おすすめ情報