0 
$(document).ready( function() {
 $('#date').bind("change",function(){
  var x=$("#date").val();
  alert(x);
 });
});

対応するhtmlコード：

 <form id="form1">
  <tr>
    <td class="tr_tab"><a class="qtn_data">I am:</td><td class="tr_tab"> </a> 
      <input type="radio value="male" name="gender" /><a class="qtn_data">Male</a>&nbsp
      <input type="radio" value="female" name="gender"/>
      <a class="qtn_data">Female</a>

    </td>
  </tr>
  <tr>
    <td colspan="2">
      <hr/ id="hr3">
    </td>
  </tr>
  <tr>
     <td class="tr_tab"><a class="qtn_data">Date of birth:</td><td class="tr_tab"> </a> 
      <input type="text" name="date" placeholder="Date" MaxLength="2" id="date" />&nbsp
      <input type="text" placeholder="Month" MaxLength="2" id="month" />&nbsp
      <input type="text" placeholder="Year" id="year" MaxLength="4" />&nbsp</td>
  </tr>
  <tr>
    <td></td>
    <td><span style="float:left;"><a class="qtn_data1">ex: 02/05/1992</a></span>

    </td>
  </tr>
  <tr>
    <td colspan="2">
      <hr/ id="hr3">
    </td>
  </tr>
  <tr>
    <td><a class="qtn_data">I am from:</a>

    </td>
    <td>
  <input type="text" id="place" placeholder="Town" />
    </td>
  </tr>
  <tr>
    <td></td>
    <td>
      <input type="text" id="place" placeholder="State" />
    </td>
  </tr>
  <tr>
    <td></td>
    <td>
      <input type="text" id="place" placeholder="Country" />
    </td>
  </tr>
</form>

アラートが表示され、テキストボックスのテキストを変更した後に別のウィンドウに移動すると、にOpera効果がありません。Firefoxid="date"Chrome

4

2 に答える 2

1

不正な HTML があります

変化する

  <tr>
     <td class="tr_tab"><a class="qtn_data">Date of birth:</td><td class="tr_tab"> </a> 
      <input type="text" name="date" placeholder="Date" MaxLength="2" id="date" />&nbsp
      <input type="text" placeholder="Month" MaxLength="2" id="month" />&nbsp
      <input type="text" placeholder="Year" id="year" MaxLength="4" />&nbsp</td>
  </tr>

に

  <tr>
     <td class="tr_tab"><a class="qtn_data">Date of birth: </a> </td>
     <td class="tr_tab">
      <input type="text" name="date" placeholder="Date" MaxLength="2" id="date" />&nbsp
      <input type="text" placeholder="Month" MaxLength="2" id="month" />&nbsp
      <input type="text" placeholder="Year" id="year" MaxLength="4" />&nbsp
     </td>
  </tr>

ここで、</td>閉じる前に閉じました</a>

<td class="tr_tab"><a class="qtn_data">Date of birth:</td><td class="tr_tab"> </a>

またHTML、他の場所にもエラーがあります。それらを確認して修正してください

于 2013-01-16T06:22:46.767 に答える
0

これを試して

バインド イベントの詳細については、changeこちらをご覧ください...

http://api.jquery.com/change/

元：-

$(document).ready( function()
    $('#date').click(function() {
      $('#date').change();
    });

    $('#date').change(function() {
       var x=$("#date").val();
       alert(x);
    });
});
于 2013-01-16T06:16:39.337 に答える