JQuery ile giriş değerini nasıl boşaltabilirim?

Question

Birden çok görüntüyü seçebileceğiniz resimlerle kalıcı bir iletişim kurmaya çalışıyorum. Bir girdiden değerler almam ve sonra onu boşaltmam gerekiyor, ancak girişi boş bırakamıyorum. .val('') ve .val(null)'u denedim, ancak benim için işe yaramadı.

$("#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"); 
       } 
      } 
     }); 
    }); 

fikri kullanıcı bir düğmeyi tıklar ve kalıcı bir iletişim kutusu birden çok resmi ve onay kutuları ile açılır olmasıdır:

İşte tam koddur. Bu noktada değerleri bir girişten almalı ve sonra temizlemeliyim.

Answer 1

Sen deneyebilirsiniz:

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

Answer 2

yapmak için değerler aşağıdakileri yapabilirsiniz boş:

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

Yapabileceğiniz seçilen değeri almak için: #element seçmek istediğiniz öğenin id

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

.

Answer 3

Olağan yol boş metin için jquery kullanılarak: daha çalışmıyor

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

kodunun üzerinde ise giriş elemanı almak sen mümkün olup olmadığını kontrol edin .

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

Hala aynı sorunla karşılaşıyorsanız, lütfen kodunuzu gönderin.

Answer 4

başka yoludur:

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

Answer 5

Daha iyi bir yoludur.

$("#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()); 
        } 
       } 
      ); 
     });