2011-08-30 69 views
0

我有要求在jQuery中顯示動態表。在點擊表格數據時,值應該在下面的文本字段中設置。jquery ui動態表onclick事件不起作用

我可以知道如何從動態表捕捉名稱並設置成文本字段

$(document).ready(function() { 
    //Retrieve the JSON data from the server using AJAX 
    $('#AJAXButton').click(function() { 
     $.getJSON('ajax/ajaxtest.js', function(data) { 
      processJSON(data); 
     }); 
    }); 

    //Process and display the JSON data 
    function processJSON(data) { 
     var output = '<table><tr><th>Name</th><th>Platform</th></tr>'; 
     //Loop through the Languages 
     $(data.Languages).each(function(index, element) { 
      output += '<tr><td class="clickable">' + element.Name + '</td>' + 
       '<td class="clickable">' + element.Platform + '</td></tr>'; 
     }); 
     output += '</table>'; 
     $('#AJAXDiv').html(output); 
    } 

    $("tr.clickable").live("click", function() { 
      $("#name").append(?); 
    }); 

}); 


<div id="AJAXDiv" style="width:400px; height:600px; background-color:#ddd; border:1px solid black"> 
</div> 

<div> 
    <label for="name">Created by: </label> <input id="name" /> 
</div> 

回答

0

看看this小提琴,讓我知道,如果這不是你的原意。

0

你說你希望事件發生在單擊行時,所以你只需將'可點擊'類放在你的行而不是每個'td'。然後,點擊處理程序可以訪問該行內的第一個'td'(您之後的名稱)。

即。 Demo

+0

這對我來說非常適合。感謝您指出我的錯誤 – dan

+0

沒問題!如果這是你以後的事情,請標記爲答案! =) –