Java/Javascript/JSP 中的下拉选项

Posted

技术标签:

【中文标题】Java/Javascript/JSP 中的下拉选项【英文标题】:drop down choice in Java/Javascript/JSP 【发布时间】:2018-07-09 17:23:07 【问题描述】:

我正在创建一个简单的 Web 应用程序,用户可以在其中选择要预订的房间。特别是我应该给机会选择不同的类型或房间(例如我有经典房、高级房、豪华房)。 我已经为房间预订的其他功能创建了这个表单:

<label class="Labeltext" >Name:</label>
            <input type="text" name="name"  style="margin-left: 238px; margin-top: 0px;"/>
                <br><br>
             <label class="Labeltext" >Email:</label>
            <input type="text" name="email"  style="margin-left: 239px; margin-top: 0px;"/>
                <br><br>
            <label class="Labeltext" >Arrival Date:</label>
            <input type="date" name="arrivaldate"  style="margin-left: 180px; margin-top: 0px;"/>
                <br><br>
            <label class="Labeltext"  margin-top: -20px;">Departure Date:</label>
            <input type="date" name="departuredate" style="margin-left: 146px;" />
                <br><br>
            <label class="Labeltext" >Total No. of Persons:</label>
            <input type="text" name="person"  style="margin-left: 100px; margin-top: 0px;"/>
                <br><br>

            <label class="Labeltext" >Total No. of Rooms:</label>
            <input type="text" name="rooms"  style="margin-left: 112px; margin-top: 0px;"/>
            <br><br>

现在我有了这 2 个数据库:

酒店预订 使用此参数: cid, cname,email,arrival_date,departure_date,人,房间,评论,状态,id 第二个: 酒店 和: 豪华、经典、高级

您认为如何在 .jsp 文件中插入房间的功能(豪华、经典、高级)?我尝试使用下拉菜单,但我不知道如何实现它。 (因为我不能使用 php 解决方案)。 谢谢各位。

【问题讨论】:

【参考方案1】:

如果您使用的是 EL,请使用:

<select name="room">
                <option value=0>Select one</option>
                    <c:forEach items="$rooms" var="product">
                        <option value="$product.id"><c:out value="$product.name" /> </option>
                    </c:forEach>
                </select> 

“房间”列表包含您的房间类型。我假设您已经知道如何将它们传递给 jsp?如果没有,您使用 Spring 还是普通 Servlet?

通过 Controller / Servlet 提供房间

@WebServlet("/RoomsController")
public class RoomsController extends HttpServlet

    private static final long serialVersionUID = 1L;

    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException

        // Create in createListWithRoomTypes() a List with room types so that you can list them as a select list
        request.setAttribute("rooms", createListWithRoomTypes());

        RequestDispatcher rd = request.getRequestDispatcher(forward);
        rd.forward(request, response);
    


【讨论】:

您好,感谢您的回答。我的问题是我不明白如何用 jsp 实现它。无论如何,我也使用 servlet! 我为你添加了控制器。 感谢您的回答!我创建了一个新的 Servlet:RoomsController 并粘贴了您的代码,并且我对 hotelbooking.jsp 做了同样的事情。但是您在 jsp 中的代码如何与我的数据库中的表 Hotel 连接? 你写了创建一个 createListWithRoomTypes() ,我该怎么办?

以上是关于Java/Javascript/JSP 中的下拉选项的主要内容,如果未能解决你的问题,请参考以下文章

swift 3中的多选下拉菜单

引导模式中的Angularjs多选下拉菜单

根据 python plotly dash 中先前单选项目/下拉列表中的选择禁用下拉列表

VB combobox怎么实现可多选下拉列表中的内容?

带有xeditable的Angular js中的多选下拉菜单

尝试更改引导选择多选下拉列表中的选定指示器图标