Удалить значение ввода с помощью jQuery

Question

Мне нужно удалить некоторые значения из скрытого и текстового поля ввода с помощью jQuery, но почему-то это не работает

Пример:

<input type="hidden" value="abc" name="ht1" id="ht1" />
<input type="text" name="t1" id="t1" />

Я использую следующий код jQuery для удаления значений с помощью события onclick

$('#rt1').click(function() {
    $('#t1').val();  
    $('#ht1').val();  
});

Можно ли очистить содержимое поля ввода и очистить значение скрытого поля с помощью jQuery?

Answer 1

Вы должны сделать это:

$('#rt1').click(function() {
    $('#t1').val('');  
    $('#ht1').val('');  
});

То есть передать пустую строку. Либо так, либо используйте removeAttr (query.removeAttr('value')).

Answer 2

$('#rt1').click(function() {
    $('#t1').attr('value', '');  
    $('#ht1').attr('value', '');  
});

Answer 3

Укороченная версия

$('#rt1').click(function() {
    $('#t1, #ht1').val('');  
});

Answer 4

Вам просто нужно передать пустую строку в функции val(), или вы можете использовать более общую функцию attr(), которая устанавливает для данного атрибута указанное значение:

$('#rt1').click(function() {
    $('#t1').attr("value", "");  
    $('#ht1').attr("value", "");  
});

Answer 5

Это должно быть:

$('#rt1').click(function() {
    $('#t1').val('');  
    $('#ht1').val('');  
});

Если функция val () не имеет параметра, она будет использоваться как метод получения, а не как параметр установки

Answer 6

$(document).ready(function(){ 

  $('input').click(function(){ 

    $(this).removeAttr('value');

  });
});

//remove value when click

//without effect input type  submit 
$(document).ready(function(){ 

  $('input:not(:submit)').click(function(){ 

    $(this).removeAttr('value');
  });
});