0

こんにちは、入力フィールドがほとんどないフォームがあります。ユーザーがテキスト フィールドに入力すると、特定のフィールドに関連する情報を表示したいと考えています。これまでのところ、私はこれを行うことができました:

 <tr>
 <td>Name&nbsp;</td>
 <td width="162"><input name="txtname" type="text" id="txtname"  /></td>
 <td width="333"><span class="style1"><br/>Enter Your Name, Preferably as per your PAN Card</span></td>
 </tr>
 <tr>
 <td>Father Name&nbsp;</td>
 <td>&nbsp;<input name="txtfname" type="text" id="txtfname"  /></td>
 <td><span>Enter Your Father Name Preferably as per your PAN Card</span></td>
 </tr>
      <tr>
        <td>PAN&nbsp;</td>
        <td>&nbsp;<input name="txtpan" type="text" id="txtpan" onblur="checkPAN()" maxlength="10"  /></td>
        <td>Enter Your PAN No. carefully</td>
      </tr>
      <tr>
        <td>Mobile Number&nbsp;</td>
        <td>&nbsp;<input name="txtmb" type="text" id="txtmb" maxlength="10"  /></td>
        <td>Enter your Mobile No. we will be in touch with you with this No In case of any further details</td>
      </tr>
      <tr>
        <td>Confirm Mobile Number&nbsp;</td>
        <td>&nbsp;<input name="txtmbcnfrm" type="text" id="txtmbcnfrm" maxlength="10"  /></td>
        <td>Reenter your Mobile No.</td>
      </tr>
      <tr>
        <td>Email Id&nbsp;</td>
        <td>&nbsp;<input name="txtemail" type="text" id="txtemail" onchange="emailval()"  /></td>
        <td>Enter your Valid email ID to which you need to receive    Acknowledgement,   </td>
      </tr>

テキストフィールドの横にあるすべての情報は非表示にする必要がありますがonFocus、特定の情報を表示する必要がある場合は、これを行うことができますが、jqueryそこに到達する方法がわかりません。

4

1 に答える 1

6 
$('input').parent().next().hide();
$('input').on('focus', function () {
    $(this).parent().next().show();
});
$('input').on('blur', function () {
    $(this).parent().next().hide();
});

ここにフィドルがあります

于 2013-05-24T08:02:25.790 に答える