javascript - 获取ul下拉值

Question

<div class="col-xs-4 pull-right">
            <div class="input-group search-bar">
                <div class="input-group-btn search-panel">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
                        <span id="search_concept">Filter by</span> <span class="caret"></span>
                    </button>
                    <?php $querySelectCategory = "SELECT * FROM auction_items_category";
                                  $stmtSelectCategory = $conn->prepare($querySelectCategory);
                                  $stmtSelectCategory->execute();
                    ?>
                    <ul class="dropdown-menu" role="menu" id ="menu">
                     <?php while ($rowSelectCategory = $stmtSelectCategory->fetch()) {?>
                      <li id = "<?php echo $rowSelectCategory['categoryName'];?>"><a href="#<?php echo $rowSelectCategory['categoryName'];?>"><?php echo $rowSelectCategory['categoryName'];?></a></li>
                      <?php }?>
                       <li><a href="#all">Anything</a></li>
                    </ul>
                </div>

                <input type="text" id="searchTxt" class="form-control" placeholder="Search term...">
                <span class="input-group-btn">
                    <button class="btn btn-default" id ="submitSearch" type="button"><span class="glyphicon glyphicon-search"></span></button>
                </span>
            </div>
        </div>

首先我从数据库中获取所有值，然后显示到下拉菜单中，但是当用户单击搜索按钮时如何获取下拉值？ 以上是我的代码和结果。

Answer 1

尝试:

$( "#submitSearch" ).click(function() {
  var text = $('#search_concept').text();
});