2016-01-20 115 views
2
<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> 

Result获得UL下拉值

首先我从数据库中的所有值,然后显示到下拉菜单中,但我怎么能当用户点击搜索按钮获得下拉值? 以上是我的代码和结果。

+0

你应该解释你正在使用Bootstrap插件 - 检查我更新的答案 –

回答

2

尝试:

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

你需要换你所有的代码放到一个标签,行动的PHP代码的URL会,所有的输入需要一个名字。

<form action="..." > 
    //your code 
</form> 

用php捕捉值,或者你可以在JavaScript和PHP中使用ajax。