Javascript 更新列表框所选索引

我有一个谷歌脚本，可以在谷歌电子表格和谷歌表单之间读写。它基本上是一种访问材料数据库的表单

当第一次访问表单时，它会显示所有空白字段、填充的材料id（CW_id）的“选择器”列表框以及选择器列表框中的“新”零件选项。如果用户保持“新建”，则字段将保持空白，以便用户手动填充这些字段，并将其作为新项目追加到数据库中。如果用户在“选择器”列表框中滚动并选择CW_ID，它将从电子表格中提取并用与所选CW_ID相对应的数据填充字段，供用户编辑（修改有关零件的详细信息）

因为我的数据库使用SQL结构，所以我有两个链接表：

• 材料表（其中包含有关零件的大多数信息，包括制造商的ID[制造商ID]）

• 制造商表（链接到materials.manufacturer\u ID）

目前，表单仅使用材料表填充字段，因此在“制造商”字段中，它仅显示ID号。出于用户目的，我希望脚本检查材料表中显示的制造商ID，进入制造商表，找到匹配项，并让制造商列表框将其显示为当前选定的索引。（或者在字段中显示制造商的名称）

这是我目前脚本的一部分：

（滚动至底部显示“/*****这是我正在处理的部分”）

函数doGet（）{
var ss=SpreadsheetApp.openByUrl（“https://docs.google.com/something")
var materialsSheet=ss.getSheetByName（“材料”）；
var manufacturersSheet=ss.getSheetByName（“制造商”）；
var vendorsSheet=ss.getSheetByName（“供应商”）；
var usersSheet=ss.getSheetByName（'users'）；
var projectApp=UiApp.createApplication（）；
projectApp.setTitle（“材料表”）；
var activeEmail=Session.getActiveUser（）.getEmail（）；
//我创建了垂直面板。
var panel=projectApp.createVerticalPanel（）.setId（'face'）；
//这里是我实际创建下拉菜单的地方，并在每次选择时指定要激活的函数“goSelection”。
var选择器=projectApp.createListBox（true）；
selector.setName（'selectionBox'）.setId（'selectionBox'）.addItem（'New'）；
var materialsData=materialsSheet.getDataRange（）.getValues（）；
//直到行的长度小于
对于（var i=0；i制造商
”）.setWidth（'100%”）；
var manufSelector=projectApp.createListBox（true）；
manufSelector.setName（'manufSelectionBox'）.setId（'manufSelectionBox'）.addItem（'New'）；
var manufacturersData=manufacturersSheet.getDataRange（）.getValues（）；
//直到行的长度小于
对于（var i=0；iGmail:
”）.setWidth（'100%”）；
var gmailField=projectApp.createTextArea（）.setSize（'100%，'25px'）；
gmailField.setName（'gmailrea'）.setId（'gmailrea'）；
gmailField.setText（activeEmail）；
var savedLabel=projectApp.createLabel（'感谢您的提交'）；
savedLabel.setVisible（false）.setId（'sLabel'）；
//此时，我实际上为实际表单的所有字段和文本声明变量。
var selectorLabel=projectApp.createHTML（
从列表中选择CW_ID.）.setId（'selectLabel'）；
var descriptionLabel=projectApp.createHTML（“
说明
”）.setWidth（'100%”）；
var descriptionField=projectApp.createTextArea（）.setSize（'100%，'100px'）；
descriptionField.setName（'descriptionArea'）.setId（'descriptionArea'）；
var manufacturerLabel=projectApp.createHTML（“
制造商”
”）.setWidth（'100%”）；
var manufacturerField=projectApp.createTextArea（）.setSize（'100%x'，'25px'）；
manufacturerField.setName（'manufacturerArea'）.setId（'manufacturerArea'）；
var manufacturerListLabel=projectApp.createHTML（“
ManufacturerList
”）.setWidth（'100%”）；
var manufacturerListField=projectApp.createTextArea（）.setSize（'100%x'，'25px'）；
manufacturerListField.setName（'manufacturerListArea'）.setId（'manufacturerListArea'）；
var modelnumberLabel=projectApp.createHTML（“
型号
”）.setWidth（'100%”）；
var modelnumberField=projectApp.createTextArea（）.setSize（'100%，'25px'）；
modelnumberField.setName（'modelnumberArea'）.setId（'modelnumberArea'）；
//接下来，我创建save按钮，并将“saved”功能指定为在按下按钮时激活。
var saveButton=projectApp.createButton（'Save'）；
var saveHandler=projectApp.createServerHandler（'saved'）；
saveHandler.addCallbackElement（面板）；
saveButton.addClickHandler（saveHandler）；
//现在，表单的所有组件都有b
function doGet() {
  var ss = SpreadsheetApp.openByUrl("https://docs.google.com/something")
  var materialsSheet = ss.getSheetByName('materials');
  var manufacturersSheet = ss.getSheetByName('manufacturers');
  var vendorsSheet = ss.getSheetByName('vendors');
  var usersSheet = ss.getSheetByName('users');
  var projectApp = UiApp.createApplication();
  projectApp.setTitle("Materials Form");
  var activeEmail = Session.getActiveUser().getEmail();

  //I create the vertical panel.
  var panel = projectApp.createVerticalPanel().setId('face'); 


  //Here is where I actually create the drop down menu, and assign the function "goSelection" to be activated whenever a selection is made.
  var selector = projectApp.createListBox(true);
  selector.setName('selectionBox').setId('selectionBox').addItem('New');
  var materialsData = materialsSheet.getDataRange().getValues();
  //do until row is less than length of 
  for (var i=0; i < materialsData.length; i++){ 
    if (materialsData [i][1] == "Email"){
      //if row in Column B does not equal gmail, skip to i++
      continue;
    }
    //add Column C (CW_ID) of current row to the selector list
    selector.addItem(materialsData [i][2]); 
  }
  selector.setSelectedIndex(0);
  var selectHandler = projectApp.createServerHandler('goSelection');
  selectHandler.addCallbackElement(panel);
  selector.addChangeHandler(selectHandler);



 //Here is where I create the drop down menu to show list of manufacturers from manufacturers sheet
  var manufSelectorLabel = projectApp.createHTML("<br><b>Manufacturer</b><br>").setWidth('100%');
  var manufSelector = projectApp.createListBox(true);
  manufSelector.setName('manufSelectionBox').setId('manufSelectionBox').addItem('New');
  var manufacturersData = manufacturersSheet.getDataRange().getValues();
  //do until row is less than length of 
  for (var i=0; i < manufacturersData.length; i++){ 
    if (manufacturersData [i][1] == "Email"){
      //if row in Column B does not equal gmail, skip to i++
      continue;
    }
    //add Column C (Manufacturers) of current row to the selector list
    manufSelector.addItem(manufacturersData [i][3]); 
  }
  manufSelector.setSelectedIndex(0);
  var manufSelected = manufSelector.SelectedItem;'
  //**I am unsure whether this should have it's own function
  //var manufSelectHandler = projectApp.createServerChangeHandler('goManuf');
  //manufSelectHandler.addCallbackElement(panel);
  //manufSelector.addChangeHandler(manufSelectHandler);


  var gmailLabel = projectApp.createHTML("<br><b>Gmail:</b><br>").setWidth('100%');
  var gmailField = projectApp.createTextArea().setSize('100%', '25px');
  gmailField.setName('gmailArea').setId('gmailArea');
  gmailField.setText(activeEmail);

  var savedLabel = projectApp.createLabel('Thank you for your submission.');
  savedLabel.setVisible(false).setId('sLabel');

  //At this point, I'm actually declaring the variables for all the fields and text for the actual form. 
  var selectorLabel = projectApp.createHTML("<br><b>Select CW_ID from list.</b>").setId('selectLabel');  


  var descriptionLabel = projectApp.createHTML("<br><b>Description</b><br>").setWidth('100%');
  var descriptionField = projectApp.createTextArea().setSize('100%', '100px');
  descriptionField.setName('descriptionArea').setId('descriptionArea');    

  var manufacturerLabel = projectApp.createHTML("<br><b>Manufacturer</b></br>").setWidth('100%');
  var manufacturerField = projectApp.createTextArea().setSize('100%x', '25px');
  manufacturerField.setName('manufacturerArea').setId('manufacturerArea');    

  var manufacturerListLabel = projectApp.createHTML("<br><b>ManufacturerList</b></br>").setWidth('100%');
  var manufacturerListField = projectApp.createTextArea().setSize('100%x', '25px');
  manufacturerListField.setName('manufacturerListArea').setId('manufacturerListArea');

  var modelnumberLabel = projectApp.createHTML("<br><b>Model Number</b><br>").setWidth('100%');
  var modelnumberField = projectApp.createTextArea().setSize('100%', '25px');
  modelnumberField.setName('modelnumberArea').setId('modelnumberArea');   


  //Next, i create the save button and assign the function "saved" to be activated whenever the button is pressed.
  var saveButton = projectApp.createButton('Save');
  var saveHandler = projectApp.createServerHandler('saved');
  saveHandler.addCallbackElement(panel);
  saveButton.addClickHandler(saveHandler);

  //Now that all the componentes of the form have been declared and set up, I'm going to assemble them on the panel.
  panel.setSpacing(6);
  panel.add(nameLabel);
  panel.add(nameField);
  panel.add(gmailLabel);
  panel.add(gmailField);  
  panel.add(selectorLabel);
  panel.add(selector);
  panel.add(descriptionLabel);
  panel.add(descriptionField);
  panel.add(manufSelectorLabel);
  panel.add(manufSelector);
  panel.add(manufacturerLabel);
  panel.add(manufacturerField);
  panel.add(modelnumberLabel);
  panel.add(modelnumberField);
  panel.add(saveButton);
  panel.add(savedLabel);
  projectApp.add(panel);
  return projectApp;
}


  //This function looks to see what has been selected in the drop down menu, and then pulls the appropriate data from the spreadsheet to display in the fields.
   function goSelection(e){
  var activeEmail = Session.getActiveUser().getEmail();
  var app = UiApp.getActiveApplication();
  var gmailField = app.getElementById('gmailArea');
  var nameField = app.getElementById('nameArea');
  var chosen = e.parameter.selectionBox;
  var ss = SpreadsheetApp.openByUrl("https://docs.google.com/something")

  var materialsSheet = ss.getSheetByName('materials');
  var manufacturersSheet = ss.getSheetByName('manufacturers');
  var vendorsSheet = ss.getSheetByName('vendors');
  var materialsData = materialsSheet.getDataRange().getValues();
  var manufacturersData = manufacturersSheet.getDataRange().getValues();
  var vendorsData = vendorsSheet.getDataRange().getValues();

  var panel = app.getElementById('face');
  var standardpartField = app.getElementById('standardpartArea');
  var descriptionField = app.getElementById('descriptionArea');
  var manufacturerField = app.getElementById('manufacturerArea');
  var manufacturerListField = app.getElementById('manufSelectionBox');
  var modelnumberField = app.getElementById('modelnumberArea');

if (chosen != 'New') {
 for (var i=1; i < materialsData.length; i++){
    if (materialsData [i][1] == "Email"){
  //if row in Column B does not equal gmail, skip to i++
  continue;
   }
   if (materialsData [i][2] != chosen){
    continue;
    }
    nameField.setText(materialsData [i][0]);
    gmailField.setText(materialsData [i][1]);
    standardpartField.setText(materialsData [i][3]);
    descriptionField.setText(materialsData [i][4]);


    //****THIS IS THE PART I'M WORKING ON
    //set manufacturerField to manufacturer of current row
    //loop through manufacturer sheet until row matches with manufacturersField
    //when a match is found, selector box index to same row

    manufacturerField.setText(materialsData [i][5]);      

    for (var i=1; i < manufacturersData.length; i++){
      if (manufacturersData [i][1] == "Email"){
      //if row in Column B does not equal Email, skip to i++
        continue;
      }
      if (manufacturersData [i][2] != manufacturerField){
        continue;
      }
     manufacturerListField.setSelectedIndex(i);
    }

    modelnumberField.setText(materialsData [i][6]);
    }
}

<div>
  <div>
      Name:
     <select>
      <option value="one">One</option>
      <option value="two">Two</option>
      <option value="three">Three</option>
      <option value="four">Four</option>
    </select>
  </div>

  <br/>

  <div>
    Gmail:
     <select>
      <option value="one">One</option>
      <option value="two">Two</option>
      <option value="three">Three</option>
      <option value="four">Four</option>
    </select>
  </div>

  <br/>

  <div>Select_CW_ID_From List:</div>
    <select name="CW_ID" multiple>
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
    <option value="four">Four</option>
    </select>
  </div>

  <br/>

  <div>Standard Part</div>

  <input type="text"/>

  <br/>
  <br/>
  <div>Description</div>
  <textarea rows="4" cols="50" name="comment" form="usrform">
Enter text here...</textarea>
</div>

<script>
  function onSuccess(argReturnValue) {
    alert('was successful ' + argReturnValue);
  }

  google.script.run.withSuccessHandler(onSuccess)
      .nameOfFunctionInGS_File();
</script>

function doGet() {

  return HtmlService.createTemplateFromFile('myHTML_File_Name_Here')
    .evaluate() // evaluate MUST come before setting the NATIVE mode
    .setTitle('Materials Form')
    .setSandboxMode(HtmlService.SandboxMode.NATIVE);
};