2016-01-20 113 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。