2012-04-30 2 views
0

У меня есть форма и кнопка перезагрузки. Когда я нажимаю кнопку, все входы и поля текстовой области становятся ясными. Мне было интересно, есть ли способ создать кнопку очистки/сброса, которая очистит только некоторые входы, а не то, что у меня внутри поля текстовой области.Кнопка сброса или сброса

+2

использовать jquery – Rafee

ответ

0

Назначьте все входные элементы классом, допустим, что входы и разные идентификаторы допускают, что идентификатор текстовой области является text_area.

<input type = "textarea " id = "textarea "> 

Теперь с JQuery

$(function(){ 
    $('.inputs').each(function() 
    { 
     var id = $(this).attr('id'); 
     if(id == 'textarea '){ 

     }else{ 
      $(this).attr('value',""); 
     } 
    }); 
}) 

Готово!

+0

фактически textareas - другие теги:

0

использование JQuery это поможет U, дать класс полей, и хотят, чтобы очистить по нажатию кнопки и дать идентификатор к кнопке

$('#id_of_button').click(function(){ 
    $('.input_field_class').val(""); 
    }); 
1

Вот jsfiddle решения.

<form> 
    <input type="text" class="clearit" /><br /> 
    <input type="text" class="clearit" /><br /> 
    <input type="text" class="clearit" /><br /> 
    <textarea id="t5"></textarea><br /> 
    <input type="reset" id="reset" /> 
</form> 


$(document).ready(function(){ 
    $('#reset').on('click',function(e){ 
     e.preventDefault(); 
     $('.clearit').val(""); 
    }); 

}); 
+0

большое спасибо. can not seam, чтобы понять, где я должен разместить JS-код? в голове? тело? как onclick? – orlyidd

+0

Добавить перед закрытием тега тела. Вы также можете разместить его в разделе главы. Независимо от того, что вы хотите очистить, добавьте к нему класс «clearit». – vivek

+0

Я думаю, что я пробовал все ... Я добавил идентификатор к кнопке и классу ко всем входам, которые хочу очистить, кроме текста erea, который получил разный идентификатор. Я попытался поместить сценарий в голову, раздел тела следующим образом: но ничего не работает ... – orlyidd

0

Смотрите ссылку

http://www.javascript-coder.com/javascript-form/javascript-reset-form.phtml

В основном вместо вызова form.reset() с помощью кнопки сброса, вызвать внешнюю функцию, которая очищает поля, которые требуют и оставить остальные, как это.

Надеюсь, что он решает вашу проблему!

Смежные вопросы