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

时间:2012-11-30 10:49:18

标签: php javascript jquery

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

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

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

5 个答案:

答案 0 :(得分:2)

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

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

答案 1 :(得分:2)

使用以下代码:

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

答案 2 :(得分:2)

您可以在jquery中编写代码:

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

答案 3 :(得分:0)

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

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

除了提交输入

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

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

答案 4 :(得分: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('');
});