javascript - 从 SuiteScript 的下拉菜单中选择一个选项后，如何使文本框出现？

Question

我是 SuiteScript 的新手。现在我正在尝试使用 Suitelet 制作表格。在这种形式中，我想向 Suitelet 添加逻辑，如果用户从下拉菜单中选择一个选项，那么该选项将显示一个文本框，供用户在该选择中输入更多详细信息。到目前为止，这是我的代码。

function suitelet(request, response) {

    //create form
    var form = nlapiCreateForm('Form Title');

    var a = 'a';
    var b = 'b';
    var other = 'Other';

    // adds dropdown menu
    var selectField = form.addField('custpage_menu', 'select', 'Random Dropdown Menu');
    selectField.addSelectOption('', '', false);
    selectField.addSelectOption(a, a, false);
    selectField.addSelectOption(b, b, false);
    selectField.addSelectOption(other, other, false);
    selectField.setMandatory(true);

    //render a button for the user to submit form
    form.addSubmitButton('Submit');

    //load form
    response.writePage(form);
}

我希望当用户选择“其他”选项时出现文本框。因此在这种情况下，代码行 selectField.addSelectOption(other, other, false); 表示标记为“Other”的选择选项。此选择发生在用户单击提交按钮之前，因此我认为此时不会发生任何 POST 请求。

我不确定每当用户从下拉菜单中选择一个选项时会触发哪种事件。如果我可以通过我的代码捕获该事件，那么我希望我应该能够根据选择显示一个文本框。

编辑:我忘了提一件事。我根本不处理记录。这只是一个由 Suitelet 生成的纯形式。

Answer 1

您需要将客户端脚本关联到您的 Suitelet。然后，当用户从下拉列表中选择一个选项时，使用字段更改功能来捕获事件。在 suitelet 上创建文本框时必须隐藏文本框，然后像这样在客户端中使用 field.isDisplay 属性:

function fieldChanged(){ 
   if (context.fieldId == 'custpage_menu') {
      var boxField = context.currentRecord.getField('custpage_your_text_box_id');
      if(other was selected){
          boxField.isDisplay = true;
      } else {
          boxField.isDisplay = false;
      }
   } 
}

我这里添加的是1.0的代码，虽然一开始是2.0的，但是方法是一样的，我会留下2.0的版本，以防对其他人有用:

function clientFieldChanged(type, name, linenum){
   if(name == 'custpage_menu') {
      var optionSelected = nlapiGetFieldValue('custpage_menu');
      if(other was selected){
         nlapiGetField('custpage_your_text_box_id').setDisplayType('normal');
      } else{
         nlapiGetField('custpage_your_text_box_id').setDisplayType('hidden');
      }
   }
}