Question

我在Laravel中有一个调度应用程序，可以让你选择一个你希望预订项目的时间段。如果您在9:00点击，则会以30分钟为增量从下午9:30开始下拉列表。我正在使用Bootstraps下拉列表。

pymatbridge

Dropdown工作正常，但我想以某种方式获取选择的值

<div class="dropdown">
    <button class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown">Reserve
        until
        <span class="caret"></span></button>
    <ul class="dropdown-menu">
    </ul>
</div>

Answer 1

在下拉列表中添加事件处理程序，如下所示

$(document).on('click','#confirm-reservation .dropdown-menu a', function(){
    console.log("Selected "+ $(this).text());
});

我已将事件委托给document，因为在初始化事件处理程序时，列表项不会出现。

希望这有帮助。

Answer 2

此下拉菜单不是标准表单元素，因此我假设选择一个选项会向选定的li元素添加一个类或ID。

比方说，它为选定的选项添加了一个类selected，在这种情况下，您寻找的选择器将是：

$(".dropdown-menu").children(".selected");

要了解从下拉菜单中选择选项时究竟发生了什么，请检查并根据需要编辑上面的选择器。

jQuery选择模态

2 个答案: