【问题标题】: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”
    • 我编辑了我的答案。如果您想观察值是否发生变化,请使用更改事件并从那里处理逻辑。
    • 我很高兴,一切正常。非常感谢:)
    • 我很乐意提供帮助!
    猜你喜欢
    • 1970-01-01
    • 2023-03-05
    • 1970-01-01
    • 1970-01-01
    • 2013-04-26
    • 2021-04-21
    • 2019-09-05
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多