Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/406.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/88.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
无法通过JavaScript警报显示HTML动态表中的文本 函数数据绑定(数据列表){ 警报('工作'+数据列表.length); var SetData=$(“#SetData”); SetData.empty(); 对于(var a=0;a_Javascript_Jquery_Html - Fatal编程技术网

无法通过JavaScript警报显示HTML动态表中的文本 函数数据绑定(数据列表){ 警报('工作'+数据列表.length); var SetData=$(“#SetData”); SetData.empty(); 对于(var a=0;a

无法通过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++

在此代码变量val中,显示警报时的项目代码,但未显示项目名称

调用addItem方法时需要传递项目名称,请参见下面的代码

 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>