- ベストアンサー
ボタンかリンクをクリックすると入力フォームに文字入力される仕掛け
ホームページ上でテキストボックスが1つあるのでそこに色名（赤色や青色）などの文字を、ボタンかリンクをクリックするだけで入力されるような仕掛けを作りたいです。 例えば「暖かい色」と書かれた文字かボタンをクリックすれば、テキストボックスに「赤色」、また「お空の色」なら「青」などが入力されるなどです。 多分javaベースが良さそうですが、探しても見つからなかったです。 宜しくお願いします。
- reimy1
- お礼率64% (244/379)
- JavaScript
- 回答数1
- ありがとう数5
- みんなの回答 （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>
お礼
ありがとうございます。 正にこれです。 便利に使わせていただきます。