Javascript テキストフォームの値を追加

Javascript

Javascriptでテキストフォームの値を追加する

フォームのの中身をJavascriptで追加する方法です。

prototype.jsやJqueryなどを用いてもできますが、そういうのを使うのはおおげさだな、という時に。

サンプルスクリプト

 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"  
 http://www.w3.org/TR/html4/loose.dtd">
 <html>
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
 <title>Test</title>
    <script type="text/javascript">
 
    function test(){
 
    	var address="神奈川県横浜市西区楠町 18-4 小池ビル 3F";
 
    	//"a"という名前の要素の中の"hoge"という名前の要素を取得します。
    	var hoge = document.a.hoge;
    	hoge.value = address;
        
    }
  </script>
 </head>
 <body onload="test()">
 <FORM METHOD="POST" action="index.php?action=" name="a">
    <input type="text" name="hoge" >
 </FORM> 
        
 </body>
 </html>

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です