如何创建动态获取形式的价值？

Question

我想创建这样的网站：

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

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

Answer 1

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

Answer 2

您可以向 select 添加一个 ID，例如 id = "first"

然后您可以使用 Vanilla JS 获取 select 下拉列表，并获取其文本值，如：

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

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

已编辑：

观看 select 选项随 js 中的更改事件发生变化

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

如何创建动态获取形式的价值？

How to create dynamic getting a value of form?

html

forms

extract

dynamic