jQueryで入力値を空にするにはどうすればよいですか？

Question

私は複数の画像を選択できる画像でモーダルダイアログを作成しようとしています。私は入力から値を取得し、それを空にする必要がありますが、入力を空にすることはできません。私は.val('')と.val(null)を試しましたが、どちらもうまくいきませんでした。ここで

は完全なコードです：

$("#hdselect").click(function(){ 
     $(".modal").html(""); 

     $.post('mediaservice.php',{hd:'ok',images:$("#hdimages").val()},function(data){ 
      $(".modal").append(data); 
     }); 
     $(".modal").dialog({ 
      'modal':true, 
      'title':"Click the image to select", 
      'width':960, 
      'height':600, 
      'resizable':false, 
      'show': {effect: 'drop', direction: "up"}, 
      'buttons': {"Ok": function() { 
        var hd=Array(); 
        var hdval=$("#hdimages").val(); 
        $("#hdimages").attr('value',' '); 
        $("input[name='hd[]']:checked").each(function(){ 
         hd.push($(this).val()); 
        }); 
        if(hdval!=''){ 
         hdval=hdval+","+hd; 
        }else{ 
         hdval=hd; 
        }       
        $("#hdimages").val(hdval); 
        var images=$("#hdimages").val(); 
        $.post('mediaservice.php',{getHd:images},function(data){ 
         $("#imgthumbBase").append(data); 
        }); 
        $(this).dialog("close"); 
       } 
      } 
     }); 
    }); 

アイデアは、ユーザーがボタンをクリックし、モーダルダイアログが複数の画像やチェックボックスを開くということです。この時点で、私は入力から値を取得し、それをクリアする必要があります。

Answer 1

あなたは試みることができる：

$('input.class').removeAttr('value'); 
$('#inputID').removeAttr('value'); 

Answer 2

作るに値を使用すると、次の操作を行うことができます空に：

$("#element").val(''); 

はあなたが行うことができ、選択した値を取得するには：#elementは、選択したい要素のidです

var value = $("#element").val(); 

。

Answer 3

をjqueryのを使用して、空のテキストボックスへの通常の方法は次のとおりです。

$('#txtInput').val(''); 

上記のコードは、あなたが にできることを確認してくださいよりも動作していない場合は、入力要素を取得。

console.log($('#txtInput')); // should return element in the console. 

まだ同じ問題が発生している場合は、コードを投稿してください。

Answer 4

もう一つの方法は次のとおりです。

$('#element').attr('value', ''); 

Answer 5

良い方法は次のとおりです。

$("#element").val(null); 

Answer 6

$('.reset').on('click',function(){ 
      $('#upload input, #upload select').each(
       function(index){ 
        var input = $(this); 
        if(input.attr('type')=='text'){ 
         document.getElementById(input.attr('id')).value = null; 
        }else if(input.attr('type')=='checkbox'){ 
         document.getElementById(input.attr('id')).checked = false; 
        }else if(input.attr('type')=='radio'){ 
         document.getElementById(input.attr('id')).checked = false; 
        }else{ 
         document.getElementById(input.attr('id')).value = ''; 
         //alert('Type: ' + input.attr('type') + ' -Name: ' + input.attr('name') + ' -Value: ' + input.val()); 
        } 
       } 
      ); 
     });