无法通过JavaScript警报显示HTML动态表中的文本 函数数据绑定(数据列表){ 警报('工作'+数据列表.length); var SetData=$(“#SetData”); SetData.empty(); 对于(var a=0;a
在此代码变量val中,显示警报时的项目代码,但未显示项目名称调用addItem方法时需要传递项目名称,请参见下面的代码无法通过JavaScript警报显示HTML动态表中的文本 函数数据绑定(数据列表){ 警报('工作'+数据列表.length); var SetData=$(“#SetData”); SetData.empty(); 对于(var a=0;a,javascript,jquery,html,Javascript,Jquery,Html,在此代码变量val中,显示警报时的项目代码,但未显示项目名称调用addItem方法时需要传递项目名称,请参见下面的代码 function DataBind(dataList) { alert('working' + dataList.length); var SetData = $("#setdata"); SetData.empty(); for (var a = 0; a < dataList.length; a++
function DataBind(dataList) {
alert('working' + dataList.length);
var SetData = $("#setdata");
SetData.empty();
for (var a = 0; a < dataList.length; a++) {
var data = "<tr >" +
"<th>" + dataList[a].Item_code + "</th>" +
"<th id='ItmNm'>" + dataList[a].Item_Name + "</th>" +
"<th>1</th> <th><button type='button' onclick='addItem(" + dataList[a].Item_code + ")' class='btn btn-primary'> <span class='glyphicon glyphicon-plus'/></button> <button type='button' class='btnSelect' class='btn btn-primary'> <span class='glyphicon glyphicon-minus'/></button></th>"
+ "</tr>";
// alert(dataList[a].Acc_Cd);
SetData.append(data);
}
}
function addItem(val) {
//var theTbl = document.getElementById("myTable");
//for (var i = 0; i < theTbl.length; i++) {
// for (var j = 0; j < theTbl.rows[i].cells.length; j++) {
// theTbl.rows[i].cells[j] = alertInnerHTML;
// }
//}
alert(val);
var table2 = $("#setfinaldata");
table2.empty();
var Newdata = "<tr>" +
"<th>" + val + "</th>" +
"<th> 1 </th>" +
"<th>1</th>"
+ "</tr>";
table2.append(Newdata);
}
函数数据绑定(数据列表){
警报('工作'+数据列表.length);
var SetData=$(“#SetData”);
SetData.empty();
对于(var a=0;a
您可以尝试我创建的示例,也可以参考此链接
项目代码
名称
行动
$(文档).ready(函数(){
var dataList=[];
dataList.push({
项目代码:1,
项目名称:“A”
},{
项目代码:2,
项目名称:“B”
},{
项目代码:3,
项目名称:“C”
});
var oHtml=[];
对于(var i=0;i您不会单击按钮并获取值?在单击按钮时调用addItem函数时,您只传递项目代码,然后如何获取项目名称。您需要同时传递这两个代码才能在函数中获取项目名称b我单击按钮时,它只显示项目代码,但不显示项目名称,因为我已经尽力了,但是unable@bhushanKawadkar先生我是already试图传递项目名称,但无法获取。请指定如何执行此操作的方法???siddiqui“一个或多个实体的验证失败。有关详细信息,请参阅“EntityValidationErrors”属性。”您的代码只是在警报中显示项目代码,而没有显示项目名称,因为这是我的主要关注点。在您的链接中,您已通过数组更新了表,但在我的情况下,我必须通过json服务数据表更新表。您的链接目前不可行,您可以使用。没有问题。我已尝试更新代码,但在单击b时它似乎不起作用按钮即使项目代码这次没有显示,也不会发生任何事情。这仍然是项目代码显示但无法获取项目名称警报的原因。其部分工作方式为:onclick=addItem(“+dataList[a”)(“+dataList[a]。项目代码+”,““+dataList[a]。项目名称+”)我得到的名称与(代码=18070048,名称=FAJITA)一样但是仍然无法对包含两个单词的文本(即BBQ Cheese)保持警惕。我在调用addItem时用转义双引号和单引号分隔的值更新了我的帖子,请尝试此anwerhappy帮助您:)…如果发现此答案有用,您可以接受并投票
function DataBind(dataList) {
alert('working' + dataList.length);
var SetData = $("#setdata");
SetData.empty();
for (var a = 0; a < dataList.length; a++) {
var data = "<tr >" +
"<th>" + dataList[a].Item_code + "</th>" +
"<th id='ItmNm'>" + dataList[a].Item_Name + "</th>" +
"<th>1</th> <th><button type='button' onclick=\"addItem('" + dataList[a].Item_code + "','" + dataList[a].Item_Name + "')\" class='btn btn-primary'> <span class='glyphicon glyphicon-plus'/></button> <button type='button' class='btnSelect' class='btn btn-primary'> <span class='glyphicon glyphicon-minus'/></button></th>"
+ "</tr>";
// alert(dataList[a].Acc_Cd);
SetData.append(data);
}
}
function addItem(val, name) {
alert("Code = " + val + " and Name = " + name);
var table2 = $("#setfinaldata");
table2.empty();
var Newdata = "<tr>" +
"<th>" + val + "</th>" +
"<th> 1 </th>" +
"<th>1</th>"
+ "</tr>";
table2.append(Newdata);
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<table class="zui-table">
<thead>
<tr>
<th>ItemCode</th>
<th>Name</th>
<th>Action</th>
</tr>
</thead>
<tbody class="jsTableBody">
</tbody>
</table>
<script>
$(document).ready(function(){
var dataList = [];
dataList.push({
Item_code : 1,
Item_Name : "A"
},{
Item_code : 2,
Item_Name : "B"
},{
Item_code : 3,
Item_Name : "C"
});
var oHtml=[];
for(var i=0;i<dataList.length;i++)
{
oHtml.push("<tr>");
oHtml.push("<td>");
oHtml.push(dataList[i].Item_code);
oHtml.push("</td>");
oHtml.push("<td>");
oHtml.push(dataList[i].Item_Name);
oHtml.push("</td>");
oHtml.push("<td>");
oHtml.push("<button onclick='addItem("+dataList[i].Item_code+",\""+dataList[i].Item_Name+"\");' class='jsButton'>Add</button>");
oHtml.push("</td>");
oHtml.push("</tr>");
}
$(".jsTableBody").html(oHtml.join(" "));
})
function addItem(data)
{
alert(data);
}
</script>