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-groupこれにより、送信入力を除く、div内のすべてのタイプの入力がリセットされます

リセットボタンがフォーム内にある場合、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 に答える