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

Question

您可以选择a,b,c,d选项。如果你选择选项b，“Have a beautiful day!”将出现。

<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', or 'd') 以便使用下面的代码？

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

Answer 1

你应该使用 onchange 事件。

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

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

What is the best way to generate a dynamic html form, using ejs, that is triggered by an option select element?

html

javascript

ejs