當從一個jQuery的結果與PHP單擊一個文本框上顯示值

Question

當我從html5日期字段中選擇一個日期時，它將顯示該日期的可用車輛列表。我使用了jQuery $ .post來檢索數據。 現在，我需要從列表中選擇車輛編號和駕駛員ID之一，並以相同的形式在文本字段中顯示這些值，而無需刷新表單。

 <script type="text/javascript"> $(document).ready(function(){ //send data to process if vehicles available for the selected date from the input $('#Odate').change(function(){ var cdate=$(this).val(); $.post('searchExistingDrivers.php',{dates:cdate}, function(data) { $('#odateInfo').slideDown(300); $('#odateInfo').html(data); //alert(data); }); }); $('a').click(function(){ var id = $(this).attr('id'); //Fetch Vehicle Number var parent = $(this).parent(); parent.slideUp('slow', function() {$(this).remove();}); $("#vehID").val(id); $("#DID").val(name); }); </script> 

在對我的代碼進行如下修改后，它取消了復選框值作為[object Object]的解決方法？

 $(document).on('click', 'a', function() { var ID = $(this).val('id'); //Fetch Vehicle Number var Name=$(this).val('name'); //alert(id); $("#vehID").val(ID); $("#DID").val(Name); }); 

PHP代碼

 <?php // Data could be pulled from a DB include('database.php'); // Cleaning up the term $term = $_POST['dates']; $query=mysql_query("SELECT * FROM vehiclereg WHERE NOT EXISTS (SELECT * FROM orders WHERE orders.VehID=vehiclereg.VehicleNo AND orders.OrderDate='$term') "); echo '<table width=100%><tr>'; echo '<th>Vehicle No</th><th>DriverID</th></tr>'; while($row=mysql_fetch_array($query)){ $VehNo=$row['VehicleNo']; $DriverID=$row['DriverID']; echo '<tr><td><a href=order.php?id=".$VehNo.">'.$VehNo.'</a></td>'; echo '<td><a href=order.php?name=".$DriverID.">'.$DriverID.'</a></td></tr>'; } echo '</table>' ; ?> 

Answer 1

問題是您嘗試將事件附加到尚不存在的標記上（該事件在ajax調用后呈現）。 您可以嘗試以下方法：

$(document).on('click', 'a#someId', function() {
    // whatever you need to do...
});

Answer 2

終於找到了解決我問題的方法。 這將有助於使用相同類型的Jquery帖子的人員。

 $(document).on('click', 'tr', function(e) { e.preventDefault(); var ID = $(this).find('a').first().text();//Fetch Vehicle Number var Name=$(this).find('a').last().text();//Fetch Driver ID Number $("#vehID").val(ID); $("#DID").val(Name); });