Jak opróżnić wartość wejściową za pomocą jQuery?

Question

Próbuję utworzyć modalne okno dialogowe ze zdjęciami, w których można wybrać wiele obrazów. Muszę pobrać wartości z danych wejściowych, a następnie je opróżnić, ale nie mogę opróżnić danych wejściowych. Próbowałem .val('') i .val(null), ale żadna nie zadziałała dla mnie.

Oto pełny kod:

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

Chodzi o to, że użytkownik kliknie przycisk i otwiera się okno modalne z wieloma obrazami i wyboru. W tym momencie muszę uzyskać wartości z danych wejściowych, a następnie wyczyścić je.

Answer 1

można spróbować:

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

Answer 2

Aby uczynić wartości opróżnić można wykonać następujące czynności:

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

Aby uzyskać wybraną wartość można zrobić:

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

Gdzie #element jest id elementu, który chcesz wybrać.

Answer 3

zwykły sposób na pustym polu tekstowym za pomocą jQuery jest:

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

Jeżeli powyższy kod nie działa, niż należy sprawdzić, czy jesteś w stanie dostać element wejściowy .

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

Jeśli nadal napotykasz ten sam problem, proszę napisać swój kod.

Answer 4

Innym sposobem jest:

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

Answer 5

Lepszym sposobem jest:.

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