Writing /volume1/Web/Public/dokuwiki/data/log/deprecated/2024-11-15.log failed

現在位置: start » study » javascript » jquery » clear-form

差分

このページの2つのバージョン間の差分を表示します。

この比較画面へのリンク

両方とも前のリビジョン前のリビジョン
次のリビジョン		前のリビジョン
study:javascript:jquery:clear-form [2011/03/28 09:13] – [browser issue for readonly field] bananastudy:javascript:jquery:clear-form [2017/11/28 04:26] (現在) – [code snippet] banana
行 18: 行 18:
 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
 <title>demo page for form reset using jQuery</title> <title>demo page for form reset using jQuery</title>
- 
-<link rel="stylesheet" type="text/css" media="screen" href="css/screen.css" /> 
  
 <script type="text/javascript" src="./test/js/jquery-1.4.2.js"></script> <script type="text/javascript" src="./test/js/jquery-1.4.2.js"></script>
行 67: 行 65:
     <tr>     <tr>
     <td><label for="email">text field(default): </label></td>     <td><label for="email">text field(default): </label></td>
-    <td><input type="text" size="15" maxlength="70" name="email" id="txt_email" value="support@nsk.com"></td>+    <td><input type="text" size="50" maxlength="70" name="email" id="txt_email" value="support@nsk.com"></td>
     </tr>     </tr>
     <tr>     <tr>
行 114: 行 112:
 function clearForm(){ function clearForm(){
      if(confirm('データをクリアにしてよろしいですか？')){      if(confirm('データをクリアにしてよろしいですか？')){
-          $("input[type='text'], textarea").not("input[readonly='true'], :hidden, :button, :submit, :reset").val("");+          $("input[type='text'], textarea").not("input[readonly='true'], input[type='hidden'], :button, :submit, :reset").val("");
           $("input[type='radio'], input[type='checkbox'], select").removeAttr("checked").removeAttr("selected");           $("input[type='radio'], input[type='checkbox'], select").removeAttr("checked").removeAttr("selected");
-          $("select option:first-child").attr("selected", "selected");+          $("select option:first-child").attr("selected", "selected");  // 1.6以前のバージョン 
 +          $("select").prop("selectedIndex", "0"); // 1.6以降
      }      }
 } }
行 124: 行 123:
 詳細は下で説明する。 詳細は下で説明する。
 ===== browser issue for readonly field ===== ===== browser issue for readonly field =====
-IEでreadonlyフィルタが効くのは**readonly='true'**である。\\ +IEで**readonly**フィルターが効くのは**readonly='true'**である。\\ 
-FFでreadonlyフィルタが効くのは**readonly='readonly'**である。\\ +FFで**readonly**フィルターが効くのは**readonly='readonly'**である。\\ 
-ただし、readonlyのみ書いてある場合は**readonly=''**で書かないと認識ができない。\\ +ただし、**readonly**のみ書いてある場合は**readonly=''**で書かないと認識ができない。\\ 
-ブラウザことに挙動が違うので、確実な方法はnameで指定するのが最善だと思う。\\ +ブラウザことに挙動が違うので、確実な方法は**name**で指定するのが最善だと思う。もっとスマートな方法はないのかな？？ 
-もっとスマートな方法はないのかな？？+~~DISCUSSION~~
  
  
  

トレース:

QR Code
QR Code study:javascript:jquery:clear-form (generated for current page)