html - 如何自定义具有 'other-option-response' 选项和文本框的谷歌表单(并获得对谷歌表格的回复)

Question

所以有很多网站可以解释如何为您的网站定制您自己的 google 表单(链接到 google 表格)，例如 codepen 和 this blog .

但是，到目前为止，我还没有发现任何解释如何处理具有“其他选项-响应”选项的 Google 表单，如下所示:my example with other gender

我已经成功地解决了如何处理未在其表单中包含此内容的谷歌表单(因为他们的回复显示在其相应的 Google 工作表中)。但是，当涉及到此功能时，我感到很困惑，因为我可以提交表单，但 google 表格中没有显示任何回复。

这是可能给我带来麻烦的代码片段。

<label>Student's Gender:</label><br>
    <input name="entry.1921054985" type="radio" value="Male" required style="color: black;" onclick="document.getElementById('genderother').disabled=true;
                                        document.getElementById('genderother').value=''" />Male<br>
    <input name="entry.1921054985" type="radio" value="Female" style="color: black;" onclick="document.getElementById('genderother').disabled=true;
                                        document.getElementById('genderother').value=''" />Female<br>
    <input name="entry.1921054985" type="radio" value="__other_option__" style="color: black;" onclick="document.getElementById('genderother').disabled=false;
                                        document.getElementById('genderother').focus();" />Other:
    <input name="entry.1921054985.other_option_response" type="text" placeholder="Enter if applicable" style="color:black;" id="genderother" disabled/>

我想知道我的方法是否是处理“其他”响应的正确方法。

这是我关于 stackoverflow 的第一个问题，所以如果我做错了什么，或者没有做某事，请告诉我。

Answer 1

您是在创建 Google 表单还是在已发布的 Web 应用程序中制作 HTML 表单？

对于您引用的博客正在处理的 Google 表单，您将拥有如下内容:

var form = FormApp.openById('1234567890abcdefghijklmnopqrstuvwxyz');
 var item = form.addMultipleChoiceItem();
 item.setTitle('Do you prefer cats or dogs?')
     .setChoices([
         item.createChoice('Male'),
         item.createChoice('Female')
         item.createChoice('Prefer not to say')
      ])
     .showOtherOption(true);

修改自Class MultipleChoiceItem documentation page

但是，您似乎没有使用表单服务，而是直接生成 HTML。如果这是您的意图，请参阅 HTML Forms: Radio buttons with text fields 上的此主题