jQuery очистить значения в Div - PullRequest
Новая
       6

jQuery очистить значения в Div

3 голосов
/ 03 июня 2011

У меня есть DIV, который содержит много входного текста.

Мне нужен способ в jQuery 1.3.2 очистить все значения внутри входов по щелчку.

Поэтому, когда я нажимаю на конкретную ссылку, все значения входов внутри этого DIV будут очищены.

У меня нет примера кода, мне просто нужно знать, есть ли способ очистить все значения входов, которые находятся внутри определенного DIV (не в FORM, а в DIV).

Спасибо

Ответы [ 6 ]

7 голосов
/ 03 июня 2011

да, есть

html вот так 

<div id="div_id">
    <input type="text" value="foo" />
    <input type="text" value="foo" />
    <input type="text" value="foo" />
    <input type="text" value="foo" />
</div>

затем jQuery 

$('#div_id input[type="text"]').val('');

рабочая демонстрация

3 голосов
/ 03 июня 2011

Что это за вход? Textboxes? Может быть это 

$("#DivID input:text").val("");

Демо

1 голос
/ 17 октября 2014

Чтобы очистить значения элементов формы внутри div, используйте ниже 

 function clear_form_elements(id_name) {
  jQuery("#"+id_name).find(':input').each(function() {
    switch(this.type) {
        case 'password':
        case 'text':
        case 'textarea':
        case 'file':
        case 'select-one':       
            jQuery(this).val('');
            break;
        case 'checkbox':
        case 'radio':
            this.checked = false;
    }
  });
}
0 голосов
/ 03 июня 2011

try

HTML 

<div id="myDiv">
    <input type="text" value="One">
    <input type="text" value="Two">
    <input type="text" value="Three">
</div>
<a href="#" name="ClearDiv" id="clearDiv">Clear</a>

jQuery 

$('a#clearDiv').bind('click', function() {        
    var $div = $('div#myDiv');
    $('input[type="text"]', $div).each(function() {     
      $(this).val('');
    });

});

рабочий DEMO

0 голосов
/ 03 июня 2011 
$('linkselector').onClick(function() {
    $('#DivId input').val('');
});
0 голосов
/ 03 июня 2011

Попробуйте использовать val proerpty для входных текстовых элементов, чтобы очистить.

Что-то вроде: 

$("input[type='text']", "#<YOUR_DIV_ID>").val("");

например: 

<div id="textDiv">
    <input type="text" Value="1"/> <br/>
    <input type="text" Value="2"/> <br/>
    <input type="text" Value="3"/> <br/>
    <input type="text" Value="4"/> <br/>
    <input type="text" Value="5"/> <br/>
    <input type="text" Value="6"/> <br/>
    <a name="clickMe" href="javascript:void(0)">Empty Boxes</a>
</div>

<script type="text/javascript">
    $(function(){
     $("a[name='clickMe']").click(function(){
        $("input[type='text']", "#textDiv").val("");
     });
    });
</script>

Проверить пример в реальном времени @: http://jsfiddle.net/DKwy8/

...