Javascript 下拉所选项目并单击按钮

Javascript 下拉所选项目并单击按钮,javascript,jquery,html,Javascript,Jquery,Html,有人能帮我解决我的问题吗?我想显示结果取决于用户的需要。他们需要先在2下拉列表中选择,然后单击按钮显示结果 这是我在html中的内容,我有2个下拉列表和一个按钮 <div class="col-lg-12"> <div class="btn-group"> <button type="button" class="btn btn-warning dropdown-toggle" data-toggle="dropdown">

有人能帮我解决我的问题吗?我想显示结果取决于用户的需要。他们需要先在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代码抱歉,我是这里的新手

您应该使用
HTML选项标记
(带示例),而不是
ul li
(因为您是初学者),然后使用jquery获取所选值或文本

例如:

HTML:

建议:您应该从w3cschool.com开始学习jquery的基本知识

UPDATE2:

这是你下一个问题的答案

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

.

您必须尝试编写一些jQuery代码,并将其发布在这里。这里有一把小提琴可能会让你开始:你说的结果是什么意思?您想从两个下拉菜单中选择值吗?是的,先生,然后用户将被引导到另一个页面“我想显示结果取决于用户希望他们需要先在2个下拉列表中选择,然后他们需要单击按钮来显示结果”-我对此不理解。顺便说一句,你试过什么?如果您希望其他人为您编写代码,您将总是有点新闻或英语不好,我正在为我的问题搜索一些答案,我试图在此处再问一个问题1,我希望被引导到另一页,而不是使用alert?有关您的问题,请参阅我的答案
UPDATE2
$(document).ready(function() {
    $('#btnClick').click(function(event) {
        alert($('#optCity option:selected').text());
    });
});
$(document).ready(function() {
    $('#btnClick').click(function(event) {
        //alert($('#optCity option:selected').text());
        window.location.assign("your url here");
    });
});