2015-09-06 164 views
-1

我寫的腳本如下:呼籲點擊按鈕的功能

<script type="text/javascript"> 
    $(document).ready(function(){ 
     $("#Click").click(function(){ 
      var data1 = new Object(); 
      data1.name = $('#databases').val(); 
      $.ajax({ 
      url : "form_submit", 
      type : 'POST', 
      data : data1, 
      dataType : "text",    
      success : function(data){ 
      data = JSON.parse(data); 
      var output="<table id=tableStyle>"; 
      output+="<tr>" + "<th>" + "REPORTSUITE_ID" + "</th>" + "<th>" + "REPORTSUITE_NAME" + "</th>" + "<th>" + "STAGING_DATABASE" + "</th>" + "<th>" + "DWH_DATABASE" + "</th>" + "</tr>"; 
      for (var i in data) 
      { 
       output+="<tr>" + "<td>" + data[i].REPORTSUITE_ID + "</td>" + "<td>" + "<button type = \"buttion\" id =\"tableList\">" + data[i].REPORTSUITE_NAME + "</button>" + "</td>" + "<td>" + data[i].STAGING_DATABASE + "</td>" + "<td>" + data[i].DWH_DATABASE + "</td>" + "</tr>"; 
      } 
      output += "</table>"; 
      document.getElementById("placeholder").innerHTML=output; 
      } 
      }); 
     }); 
     }); 
    $("#tableList").click(function(){ 
      alert("this is data"); 
      }); 
</script> 

在使用id = tableList按鈕的點擊,我想和消息的警報「這是數據」來顯示但它不顯示任何東西。 我也嘗試了粘貼與id tableList不同標籤之間的點擊按鈕相關的代碼,但它仍然無法使用。 請幫助

+0

執行'$(「#tableList」)。click()'時,該元素在DOM中不存在。在元素添加到DOM之後執行此操作,或使用_event delegation_。 – CBroe

+0

在HTML文檔中ID必須是唯一的 - 因爲您要在循環中創建元素,所以您將多次生成相同的ID。可以將類似索引的內容附加到id值,或者改爲使用類。 – CBroe

+0

我編寫了單獨的