Question

我有一个包含许多输入文字的DIV。

我需要在jQuery 1.3.2中清除输入onclick中的所有值。

因此，当我点击特定链接时，DIV中输入的所有值都将被清除。

我没有任何示例代码，我只需要知道是否有办法清除特定DIV中的所有输入值（不是在FORM中，而是在DIV中）。

谢谢

Answer 1

是的，有

像这样的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('');

working demo

Answer 2

那些输入是什么？文本框？可能是这个

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

Demo

Answer 3

要清除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;
    }
  });
}

Answer 4

尝试使用输入文本元素的value属性为空白。

类似的东西：

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

E：

<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/

Answer 5

$('linkselector').onClick(function() {
    $('#DivId input').val('');
});

Answer 6

试

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('');
    });

});

jQuery清除Div中的值

6 个答案:

HTML

的jQuery

working DEMO