0

我确实有多个文本框，名为名字、姓氏、电话号码等。我想清除/刷新在按钮单击时输入的输入，称为刷新或清除。问题是这些文本中的输入框没有被刷新，因为其中的数据来自其他页面，并且当我们在其中键入一些内容时它正在刷新我的代码如下：

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

请在这方面给我建议...

4

5 回答 5

2

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

$('button.btn').click(function(e) {
    e.preventDefault();  
    $(this).parents('form').find('input[type="text"], input[type="tel"]').val('');
});
于 2012-11-30T10:52:39.780 回答
2

使用以下代码：

$("#elementid").live('click',function(){
     $(this).parents('form').find('input[type="text"]').val('');
});
于 2013-01-15T06:51:09.537 回答
2

您可以在 jquery 中编写代码为：

$('#new').live('click',function(){
   $('#fname').val('');
   $('#lname').val('');
   $('#tel').val('');
});
于 2013-01-15T07:06:39.427 回答
0

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

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

这将重置control-groupdiv 中的任何类型的输入，除了提交输入

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

于 2012-11-30T10:56:16.057 回答
0 
$(".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('');
});
于 2012-12-14T09:15:40.693 回答