如何创建动态获取表单的值？答案

【问题标题】：How to create dynamic getting a value of form?如何创建动态获取表单的值？
【发布时间】：2021-02-11 22:32:41
【问题描述】：

我想创建这样工作的网站：

<form>
Do you wanna see more questions?
 <select name="first">
  <option>No</option>
  <option>Yes</option>
 <select>
</form>

如果用户选择“否”选项，则不会发生任何事情。
如果用户选择“是”选项，则会收到一些新问题。
当然无需点击任何按钮。

【问题讨论】：

标签： html forms dynamic extract

【解决方案1】：

我认为您可能正在寻找类似radio button 的东西。您可以在此处了解有关它们的更多信息：W3Schools Radio Buttons in HTML
我不完全确定您所说的“不点击任何按钮”是什么意思。否则，您将如何获得用户输入？

【讨论】：

是的，通常当有两个选择时，比如是/否，您应该使用单选单选按钮组
我的意思是，如果用户选择“是”，他们不需要点击提交，只有页面会产生更多隐藏的问题。我知道收音机，但不是这样。

【解决方案2】：

您可以在选择中添加一个 ID，例如 id = "first"

然后您可以使用 Vanilla JS 获取选择下拉菜单，并获取其文本值，例如：

var dropdownElementFirst = document.getElementById("first");
var selectedItemsText = dropdownElementFirst.options[dropdownElementFirst.selectedIndex].text;

selectedItemsText 将保存“是”或“否”的值

编辑：

在 js 中观察 select 选项随着 change 事件的变化

first.addEventListener("change", function() {
    if(first.value == "yes")
    {
        //do something
    }
});

【讨论】：

它不像我想的那样 100% 工作。我通过document.write查看po的值，当我将值改为“yes”时，脚本生成的变量并没有刷新，而是一直显示“no”
我编辑了我的答案。如果您想观察值是否发生变化，请使用更改事件并从那里处理逻辑。
我很高兴，一切正常。非常感谢:)
我很乐意提供帮助！