我确实有多个文本框,分别是名字,姓氏,电话号等等。我想清除/刷新输入键入的按钮点击调用刷新或清除。问题是输入在这些文本框中没有刷新,因为它中的数据来自其他页面,当我们在其中输入一些东西时,它会被刷新 我的代码如下:
<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>
请在此建议我......
答案 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('');
});