Fatal编程技术网

Javascript 脚本冲突

javascript google-apps-script

Javascript 脚本冲突,javascript,google-apps-script,Javascript,Google Apps Script,脚本在第一次加载时工作。但是，当我在下拉列表中选择时，页面将根据我选择的内容重新加载表中的新数据，此时我将无法收集行中单击时的数据。见下面的代码： 代码.gs index.html 我想做的是，我可以在下拉列表中选择，数据将根据我选择的内容收集到表中，我可以单击行以在表单中传递信息 如果我理解正确，您的目标是通过轮询单击从电子表格检索的值，并将该值设置为输入字段请求的内容 如果是这种情况，您应该将您的请求合并到onSuccess2函数中，这样它将在使用电子表格中的内容填充表格后发生 请记住，因为

脚本在第一次加载时工作。但是，当我在下拉列表中选择时，页面将根据我选择的内容重新加载表中的新数据，此时我将无法收集行中单击时的数据。见下面的代码：

代码.gs

index.html

我想做的是，我可以在下拉列表中选择，数据将根据我选择的内容收集到表中，我可以单击行以在表单中传递信息

如果我理解正确，您的目标是通过轮询单击从电子表格检索的值，并将该值设置为输入字段请求的内容

如果是这种情况，您应该将您的请求合并到onSuccess2函数中，这样它将在使用电子表格中的内容填充表格后发生

请记住，因为您只从工作表中检索一个值，所以不需要在行中循环 修改代码的html部分，如下所示：
你的新表没有单击处理程序。你到底想做什么？您希望请求是一个用户输入，由脚本评估并返回由输入指定的列？如果涉及多个td和输入怎么办？要创建第二个输入字段，只需为其指定一个不同的id并定义，例如var lob2=document.getElementByIdmySelect2.value；google.script.run.withSuccessHandleronSuccess3.getTablelob2；和函数onSuccess3table{…var row=myTable.getElementsByTagNametr[0]；var cell=row.getElementsByTagnameT[1]；…}如果有许多输入，应该实现for循环和计数器变量来寻址正确的单元格-例如var cell=row.getElementsByTagnameT[i]； 
function doGet()
{
  var html=HtmlService.createTemplateFromFile('index');
  return html.evaluate();
}

function getSelect() {
  var list = SpreadsheetApp.openById('spreadssheetID').getSheetByName("VL Slots").getDataRange().getValues();
  var lane = 1;
  var select="";
  for (var l = 3; l < list.length; l++) {
    select+='<option value="' + list[l][lane] + '">'+ list[l][lane] + ' </option>';
  }
  return select;
}
function getTable(lob) {
  var data = SpreadsheetApp.openById('spreadssheetID').getSheetByName("VL Request").getDataRange().getValues();
  var rid = 0;
  var request = 1;
  var table="";
  table+='<tr>';
  for (var i = 1; i < data.length; i++) { 
    if (data[i][rid] == lob) {
      table+='<td>' + data[i][request] + '</td>';
    }
  }
  table+='</tr>';
  return  table;
}

<!DOCTYPE html>
    <html>
      <head>
        <base target="_top">
      </head>
      <script>
      function populateSelect(){
        google.script.run.withSuccessHandler(onSuccess).getSelect();
       }
      function onSuccess(select){
        document.getElementById("mySelect").innerHTML=select;
      }
      function polling(){
        setInterval(myFunction,2000);
       }
      function myFunction(){
        var lob = document.getElementById("mySelect").value;
        google.script.run.withSuccessHandler(onSuccess2).getTable(lob);    

      }
      function onSuccess2(table){
        document.getElementById("myTable").innerHTML=table;
      }
      </script>
      <body onload="populateSelect()">
        <select id="mySelect" onchange="polling()">
        </select>
        <table id="myTable">
        </table>
<form id="logForm">
<label>Request <span class="required">*</span></label><input type="text" id="request" name="request" class="field-long" placeholder="Request" readonly /> 
</form>

<script>

                var table = document.getElementById('myTable');

                for(var i = 1; i < table.rows.length; i++)
                {
                    table.rows[i].onclick = function()
                    {
                         //rIndex = this.rowIndex;
             document.getElementById("request").value = this.cells[0].innerHTML.trim();

                    };
                }

         </script>

      </body>
    </html>

<!DOCTYPE html>
<html>
  <head>
    <base target="_top">
  </head>
  <script>
  function populateSelect(){
    google.script.run.withSuccessHandler(onSuccess).getSelect();
   }
  function onSuccess(select){
    document.getElementById("mySelect").innerHTML=select;
  }
  function polling(){
    setInterval(myFunction,2000);
   }
  function myFunction(){
    var lob = document.getElementById("mySelect").value;
    google.script.run.withSuccessHandler(onSuccess2).getTable(lob);        
  }
  function onSuccess2(table){
    document.getElementById("myTable").innerHTML=table;
    var myTable = document.getElementById('myTable');
    var row = myTable.getElementsByTagName("tr")[0];
    var cell = row.getElementsByTagName("td")[0];
    var request= cell.innerHTML;
    row.onclick = createClickHandler(request); 
  }  
  var createClickHandler = function(request) {
    return function(){
      document.getElementById("request").value = request;
    };      
  }        
  </script>
  <body onload="populateSelect()">
    <select id="mySelect" onchange="polling()">
    </select>
    <table id="myTable">
    </table>    
    <form id="logForm">
      <label>Request <span class="required">*</span></label><input type="text" id="request" name="request" class="field-long" placeholder="Request" readonly  /> 
    </form>       
  </body>
</html>