将选择类型添加到fnadddata

我有一个有很多行的数据表。我需要添加一个新的行到数据表（只是客户端，我想用ajax在mysql中插入新行）。我想在列中添加的大部分数据都是选择列表（这是从mysql中获取的）。我目前的添加行功能如下所示：将选择类型添加到fnadddata

function fnAddRow() {  
var addData = { 
    "sno": "<span id='txt'><img src='images/green_check.png' onClick='saveRow(this)';/><img src='images/red_cross.png' onClick='cancelEdit(this)';/></span>",  
    "project": "", 
    "year": "<select name='year' id='year' ><option value='2012'>2012</option><option value='2013'>2013</option></select>", 
}; 
oTable.fnAddData(addData); }

'project'的数据应该来自mysql表。我如何添加？请帮忙！！提前致谢。

来源

2012-09-10 user1165952

尝试使用AJAX技术，让您的项目数据，以及：

HTML：

<input id="AddButton" type="button" /> 
<table id="dataTable"> 
    ... 
</table>

的JavaScript：

function fnGetProjectFromMySQL() { 
    var projectHTML; 
    $.ajax({ 
     url: "code/getMySQLData.php", 
     success: function (mySqlData) { 
      //Build your project html here using mySQLData 
      projectHTML = ""; 
     } 
    }); 
    return projectHTML; 
} 

function fnAddRow(oTable) {  
    var addData = { 
     "sno": "<span id='txt'><img src='images/green_check.png' onClick='saveRow(this)';/><img src='images/red_cross.png' onClick='cancelEdit(this)';/></span>",  
     "project": fnGetProjectFromMySQL(), 
     "year": "<select name='year' id='year' ><option value='2012'>2012</option><option value='2013'>2013</option></select>" 
    }; 
    oTable.fnAddData(addData); 
} 

$(document).ready(function() { 
    var oTable = $("#dataTable").dataTable(); 

    $("#AddButton").click(function() { 
     fnAddRow(oTable); 
    }); 
});

我想有几个不同的方式来完成这件事。谷歌和计算器JavaScript的问题，应该找到你所需要的： DataTables - How to add a row

来源

2012-09-11 08:50:49

谢谢，这个逻辑工作对我来说，你的相当长，因为我有10个这样的栏目，但我想没有其他的办法？ – user1165952

@ user1165952通常，如果我构建一个html元素（比如select），我最终会手动将代码拼凑在一起。如果你使用某种框架，比如.NET中的MVC3或者Yii for php，它们可能有一些函数可以放入一些数据，并且它们会自动创建html对象，但这是一个不同的问题并取决于你的框架。否则，你需要做老派，并逐步建立你的HTML。 –

回答

相关问题