使用 ejs 生成由选项选择元素触发的动态 html 表单的最佳方法是什么？答案

【问题标题】：What is the best way to generate a dynamic html form, using ejs, that is triggered by an option select element?使用 ejs 生成由选项选择元素触发的动态 html 表单的最佳方法是什么？
【发布时间】：2021-03-26 07:35:46
【问题描述】：

您可以选择选项 a、b、c、d。如果您选择选项 b，“祝您有美好的一天！”会出现。

<div class="main-div">
    <optgroup label="Select an option">
        <select name = "dropdown" class="dropdown1" id="selectOption" placeholder="Choose">
            <option value = "a" selected>a</option>
            <option value = "b">b</option>
            <option value = "c">c</option>
            <option value = "d">d</option>
        </select>
    </optgroup>
</div>

如何设置valueOption（'a'、'b'、'c'或'd'）以便使用以下代码？

<% if (valueOption === 'b') { %>
    <h2> Have a beautiful day! </h2>
<% }%>

【问题讨论】：

ejs 在服务器上运行，但下拉菜单在浏览器中。您是否要将选定的值提交给服务器来执行此操作？如果您只想在浏览器中执行此操作，则需要重新考虑如何通过将所选值与要显示的元素匹配来处理所有这些客户端

标签： javascript html ejs

【解决方案1】：

你应该使用 onchange 事件。

这里是一个 jquery jQuery get value of select onChange 的例子

【讨论】：