不能在JavaScript中設置屬性「的innerHTML」空的

Question

傢伙，我有一個包含文本和按鈕，我想要的是一列時，點擊該按鈕上的文字改變了。這裏是我的代碼

var count = 0; 
$(document).ready(function() { 
     $("#jqGrid").jqGrid({ 
     data: data.rows, 
     datatype: "local", 
     styleUI: "Bootstrap", 
     colModel: [ 

      { 
      label: 'Customer ID', 
      name: 'CustomerID', 
      width: 180, 
      editable: true, 
      edittype: "custom", 
      id: "CustomerID", 
      editoptions: { 
       custom_element: function(value, options) { 
       var parts = value.split(' '); 
       var elemStr = '<div><input size="6" id="txt_"' + count + '" value="' + parts[0] + 
        '" /><input type="button" size="5" value="..." onclick="setText();"/></div>'; 

       count++; 

       // return DOM element from jQuery object 
       return $(elemStr)[0]; 
       }, 
       custom_value: function(elem) { 
       var inputs = $("input", $(elem)[0]); 
       var first = inputs[0].value; 
       return first; 
       } 
      } 
      }, 

     ], 

     }); 
    }); 

     function setText() { 
     document.getElementById("txt_" + count).innerHTML = "hey"; 
     } 

爲什麼它給了我這種例外？ .. plz幫助.. btw我是初學者

Answer 1

setText內的計數是未定義的。

第一變化的onclick按鈕的功能，通過計數變量

var elemStr = '<div><input size="6" id="txt_"' + count + '" value="' + parts[0] + 
        '" /><input type="button" size="5" value="..." onclick="setText(' + count + ');"/></div>'; 

然後接受數作爲參數

function setText(count) { 
     document.getElementById("txt_" + count).innerHTML = "hey"; 
     } 

Answer 2

你可以通過計數功能：

var count = 0; 
$(document).ready(function() { 
     $("#jqGrid").jqGrid({ 
     data: data.rows, 
     datatype: "local", 
     styleUI: "Bootstrap", 
     colModel: [ 

      { 
      label: 'Customer ID', 
      name: 'CustomerID', 
      width: 180, 
      editable: true, 
      edittype: "custom", 
      id: "CustomerID", 
      editoptions: { 
       custom_element: function(value, options) { 
       var parts = value.split(' '); 
       var elemStr = '<div><input size="6" id="txt_"' + count + '" value="' + parts[0] + 
        '" /><input type="button" size="5" value="..." onclick="setText(' + count + ');"/></div>'; 

       count++; 

       // return DOM element from jQuery object 
       return $(elemStr)[0]; 
       }, 
       custom_value: function(elem) { 
       var inputs = $("input", $(elem)[0]); 
       var first = inputs[0].value; 
       return first; 
       } 
      } 
      }, 

     ], 

     }); 
    }); 

     function setText(count) { 
     document.getElementById("txt_" + count).innerHTML = "hey"; 
     }