Question

有人可以帮助我解决我的问题我希望显示结果取决于用户是否需要首先选择2下拉列表然后他们需要点击按钮才能显示结果

这是我在html中的内容我有2个下拉列表和一个按钮

 <div class="col-lg-12">
    <div class="btn-group">
        <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
            Choosy City <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu">
            <li><a href="#">City 1</a></li>
            <li><a href="#">City 2</a></li>
            <li><a href="#">City 3</a></li>
            <li><a href="#">City 4</a></li>
        </ul>
    </div>
    <div class="btn-group">
        <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">
            All Cuisine <span class="caret"></span>
        </button>
        <ul class="dropdown-menu" role="menu">
            <li><a href="#">24 hours</a></li>
            <li><a href="#">American</a></li>
            <li><a href="#">Italian</a></li>
            <li><a href="#">Bar</a></li>
        </ul>
        <button type="button" class="btn btn-danger" style="margin-left: 3px"><i class="fa fa-search"></i></button>
    </div>
</div>

任何javascript jquery代码抱歉我是新来的

Answer 1

您应该使用HTML option Tag（see example here示例）而不是ul li（因为您是初学者），然后使用jQuery获取选定的值或文本。

例如：

HTML：

<select id="optCity">
<option value="MH">Maharastra</option>
<option value="GJ">Gujarat</option>
<option value="MP">Madhya Pradesh</option>
</select>
<button id="btnClick" type="button">Choosy City</button>

jQuery的：

$(document).ready(function() {
    $('#btnClick').click(function(event) {
        alert($('#optCity option:selected').text());
    });
});

Here is a demo

建议：你应该从w3cschool.com开始一些关于jquery的基本知识。

UPDATE2:

这是您下一个问题的答案。

$(document).ready(function() {
    $('#btnClick').click(function(event) {
        //alert($('#optCity option:selected').text());
        window.location.assign("your url here");
    });
});

Here is a demo

下拉选定项目和按钮单击

1 个答案: