javascript动态数据控件错误 [英] javascript dynamic data control error

问题描述

（当document.getelementbyId（'textStopDesc11'）使用函数可以做什么时，不能访问动态控件？）

  function  AddPlannedStop（）
 {
  var  table =  document  .getElementById（'  tblPlannedStop'）; 
  var  rowCount = table.rows.length; 
  var  row = table.insertRow（rowCount）; 
  var  hidden =  document  .getElementById（   hftblPlannedStoprowCount）; 
 hidden.value = rowCount; 
 
  var  btnDeleteIcon =  图像/ deleteicon.png; 
  var  cell1 = row.insertCell（ 0 ）; 
 cell1.innerHTML =  < INPUT id ='button +（rowCount-1 ）+  0  + 
  'önclick= 'deletePlannedStopRow（）'style ='WIDTH：100％; + 
   BACKGROUND- POSITION：center; BACKGROUND-COLOR：menu; + 
   BACKGROUND-IMAGE：url （ + btnDeleteIcon +  ）'type ='button'>; 
  var  cell2 = row.insertCell（ 1 ）; 
  var  element2 =  document  .createElement（   input）; 
 element2.type =   text; 
 element2.name =   txtStopDesc +（rowCount  -   1 ）+  1 ; 
 element2.id = rowCount +  1 ; 
 element2.style.width =   200px; 
 cell2.appendChild（element2）; 
  var  cell3 = row.insertCell（ 2 ）; 
  return   false ; 
} 

解决方案

您正在设置名称属性txtStopDesc+（rowCount - 1）+ 1 的元素，但是你用Id搜索，设置为 rowCount + 1

( not access dynamic controls when document.getelementbyId('textStopDesc11') a using function what can ı do?)

function AddPlannedStop()
{
    var table = document.getElementById('tblPlannedStop');
    var rowCount = table.rows.length;
    var row = table.insertRow(rowCount);
    var hidden = document.getElementById("hftblPlannedStoprowCount");
    hidden.value = rowCount;
       
    var btnDeleteIcon = "Images/deleteicon.png";
    var cell1 = row.insertCell(0);
    cell1.innerHTML ="<INPUT id='button" + (rowCount-1) + 0 +
    "' önclick = 'deletePlannedStopRow()' style='WIDTH: 100%;" +
    "BACKGROUND-POSITION: center; BACKGROUND-COLOR: menu;" +
    "BACKGROUND-IMAGE: url(" + btnDeleteIcon + ")' type='button'>"; 
    var cell2 = row.insertCell(1);
    var element2 = document.createElement("input");
    element2.type = "text";
    element2.name = "txtStopDesc" + (rowCount - 1) + 1;
    element2.id = rowCount + 1;
    element2.style.width = "200px";
    cell2.appendChild(element2);
    var cell3 = row.insertCell(2);
    return false;
}

解决方案

You're setting the name property of the element to "txtStopDesc" + (rowCount - 1) + 1, but you search by Id instead, which is set to rowCount + 1.

这篇关于javascript动态数据控件错误的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！