Question

我确实有多个文本框，分别是名字，姓氏，电话号等等。我想清除/刷新输入键入的按钮点击调用刷新或清除。问题是输入在这些文本框中没有刷新，因为它中的数据来自其他页面，当我们在其中输入一些东西时，它会被刷新我的代码如下：

<div class="control-group">
        <input value="<?php echo $model['pros']['oppid'] ?>" name="oppid" type="hidden" id="prospectid"  />
        <label class="control-label">First Name  </label>
        <div class="controls">
            <input type="text" name="f_name" pattern="[-a-zA-Z]+" required="" title="First Name is required" value="<?php echo $model['pros']["f_name"]; ?>"  />
        </div>
    </div>

    <div class="control-group">
        <label class="control-label">Last Name </label>
        <div class="controls">
            <input type="text" name="l_name" pattern="[-a-zA-Z]+" required="" title="Last Name is required"  value="<?php echo $model['pros']["l_name"];?>"  />
        </div>
    </div>
<div class="control-group">
        <label class="control-label">Primary phone  </label>
        <div class="controls">
<input type="tel" required="" pattern="[-0-9]+" title="Please Enter correct phone" name="pri_phone" value="<?php echo $model['pros']["pri_phone"];?>"  />
        </div>
    </div>

和按钮

<button class="btn">New</button>

请在此建议我......

Answer 1

假设您的input元素在表单内部，按钮也是如此，您可以使用jQuery执行此操作：

$('button.btn').click(function(e) {
    e.preventDefault();  
    $(this).parents('form').find('input[type="text"], input[type="tel"]').val('');
});

Answer 2

使用以下代码：

$("#elementid").live('click',function(){
     $(this).parents('form').find('input[type="text"]').val('');
});

Answer 3

您可以在jquery中编写代码：

$('#new').live('click',function(){
   $('#fname').val('');
   $('#lname').val('');
   $('#tel').val('');
});

Answer 4

如果表单中的按钮不，您可以使用以下

$('button.btn').click(function() {
   $('.control-group input:not(:submit)').val('');
});

除了提交输入

之外，这将重置control-group div中的任何类型的输入

如果表单中的重置按钮，那么BenM的答案就是你想要的。

Answer 5

$(".clearform").live('click',function(){
     $(this).parents('form').find('input[type="text"], input[type="tel"],input[type="time"],input[type="email"],input[type="number"],input[type="date"],select').val('');
});

清除按钮单击时的文本框输入

5 个答案: