ベストアンサー

テキストボックスについて

2007/07/14 17:06

HTMLの範囲ではないかも知れませんが、どう行えば良いか分かりませんので、質問させて頂きますm(_ _)m 【　　　　　　　　A　　　　　　　　　　】　←テキストボックス【テスト】　【テスト１】　【テスト２】　←ボタン上記の構図で、ボタンのテスト１を押すと、テキストボックス内に【テスト】と勝手に打ち込まれる。この様にしたいのですが、どうすればいいでしょうか？分かりづらいかも知れませんが、答えて下されば幸いです。

senu_senu
お礼率22% (17/75)

HTML
回答数5
ありがとう数2

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

質問者が選んだベストアンサー

ベストアンサー

steel_gray
ベストアンサー率66% (1052/1578)

2007/07/14 17:29 回答No.2

javascriptですね。簡単なサンプルを書くと、こう。 <p><input type="text" id="A"></p> <p> <input type="button" value="テスト１" onclick="document.getElementById('A').value='テスト'">  <input type="button" value="テスト２"> <input type="button" value="テスト３"> </p>

質問者

お礼 2007/07/15 16:53

見事出来ました。有り難うございました。

その他の回答 (4)

himajin100000
ベストアンサー率54% (1660/3060)

2007/07/16 10:11 回答No.5

解決しているみたいだが、何となくアレなので #3の修正。どうやら入力された値はgetAttributeとかfirstChild.nodeValueでは取得できないようで.valueである必要があるようだ。回答前のテストしてから投稿直前に変えちゃったもんで・・・(汗 ======== <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>Q3167024 テストケース1</title> <script type="text/javascript"> var textarea; function init(){ textarea = document.getElementById("sample"); } function InputTextByString(str){ textarea.value = str; } function AppendTextByString(str){ textarea.value += str; } function InputTextByButton(Button){ textarea.value = Button.value; } function AppendTextByButton(Button){ textarea.value += Button.value; } </script> </head> <body onload="init();"> <h1>テストケース</h1>  <p><textarea id="sample" cols="100" rows="10"> </textarea></p> <h2>パターン1</h2> <p><input type="button" value="テスト" onclick="InputTextByString('あああ');" /><input type="button" value="テスト1" onclick="InputTextByString('テスト');" /><input type="button" value="テスト2" onclick="InputTextByString('いいい');" /></p> <h2>パターン2</h2> <p><input type="button" value="テスト" onclick="AppendTextByString('あああ');" /><input type="button" value="テスト1" onclick="AppendTextByString('テスト');" /><input type="button" value="テスト2" onclick="AppendTextByString('いいい');" /></p> <h2>パターン3</h2> <p><input type="button" value="テスト" onclick="InputTextByButton(this);" /><input type="button" value="テスト1" onclick="InputTextByButton(this);" /><input type="button" value="テスト2" onclick="InputTextByButton(this);" /></p> <h2>パターン3</h2> <p><input type="button" value="テスト" onclick="AppendTextByButton(this);" /><input type="button" value="テスト1" onclick="AppendTextByButton(this);" /><input type="button" value="テスト2" onclick="AppendTextByButton(this);" /></p> <p><input type="text" id="TEXTBOX" /></p> <p><input type="button" id="APPENDTEXTAREA" value="テキストボックスの内容を追記" onclick="AppendTextByString(document.getElementById('TEXTBOX').value);"/></p> </body> </html> =========

神崎渉瑠（@taloo）
ベストアンサー率44% (1016/2280)

2007/07/14 22:15 回答No.4

・テキストボックスに表示される・テキストボックスに打ち込まれる（勝手に打ち込まれる）の違いを詳しく教えてもらえますか？代替案っぽいものの提案ですが、ボタンを押したときではなく、HTMLファイルを表示したときにすでに表示されてる状態にするなら、わざわざJavaScriptを使わなくても、 <input type="text" name="A" value="テスト"> でいいと思います。

himajin100000
ベストアンサー率54% (1660/3060)

2007/07/14 17:35 回答No.3

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ja" lang="ja"> <head> <title>Q3167024 テストケース1</title> <script type="text/javascript"> var textarea; function init(){ textarea = document.getElementById("sample"); } function InputTextByString(str){ textarea.firstChild.nodeValue = str; } function AppendTextByString(str){ textarea.firstChild.nodeValue += str; } function InputTextByButton(Button){ textarea.firstChild.nodeValue = Button.getAttribute("value"); } function AppendTextByButton(Button){ textarea.firstChild.nodeValue += Button.getAttribute("value"); } </script> </head> <body onload="init();"> <h1>テストケース</h1>  <p><textarea id="sample" cols="100" rows="10"> </textarea></p> <h2>パターン1</h2> <p><input type="button" value="テスト" onclick="InputTextByString('あああ');" /><input type="button" value="テスト1" onclick="InputTextByString('テスト');" /><input type="button" value="テスト2" onclick="InputTextByString('いいい');" /></p> <h2>パターン2</h2> <p><input type="button" value="テスト" onclick="AppendTextByString('あああ');" /><input type="button" value="テスト1" onclick="AppendTextByString('テスト');" /><input type="button" value="テスト2" onclick="AppendTextByString('いいい');" /></p> <h2>パターン3</h2> <p><input type="button" value="テスト" onclick="InputTextByButton(this);" /><input type="button" value="テスト1" onclick="InputTextByButton(this);" /><input type="button" value="テスト2" onclick="InputTextByButton(this);" /></p> <h2>パターン3</h2> <p><input type="button" value="テスト" onclick="AppendTextByButton(this);" /><input type="button" value="テスト1" onclick="AppendTextByButton(this);" /><input type="button" value="テスト2" onclick="AppendTextByButton(this);" /></p> <p>質問者さんの勘違いも念のために想定して色々作ってみる</p> </body> </html>