javascript & ajax samples to improve your web development.
トップページ
/ JavaScriptオンラインエディタ
JavaScriptオンラインエディタ
スクリプトを入力ボックスに書いて「スクリプト実行」ボタンを押すとWEB上でJavaScriptを実行&動作確認できます。
<script type="text/javascript" src="/js/prototype.js"></script> <script type="text/javascript"> function execute() { var elements = Form.getInputs('form1', 'text'); elements.each( function(val,idx) { alert(val.value); } ); var elements = Form.getInputs($('form1'), 'password'); elements.each( function(val,idx) { alert(val.value); } ); // Form.getInputs の第二引数は<input type="***">の***の値を指定してフィルタリングすることが可能 // 省略する( Form.getInputs('form1')するとすべての<input>アイテムを取得します ) } </script> <body> <form method="get" action="" id="form1"> 名前:<input type="text" name="name" id="d_name" value="a"><br> メッセージ:<input type="text" name="message" id="d_message" value="b"><br> メール:<input type="text" name="mail" id="d_mail" value="c"><br> パスワード:<input type="password" name="password" id="d_password" value="d"><br> 年齢:<select name="age" id="d_age"> <option value="20">20代 <option value="30">30代 <option value="40">40代 </select><br> <button onclick="execute()">サンプル実行</button> </form> </body>
スクリプト実行結果が表示されます。