如何從Bootstrap的下拉菜單向PHP發送值

Question

我用過濾器按鈕創建了搜索欄，可以在教師和學生姓名之間進行搜索。 首先，我可以搜索到學生修復的數據庫，但是當我嘗試使用過濾器按鈕時，沒有任何內容從下拉按鈕發送值，因此這是我可憐的代碼，請過來幫助我

HTML：

<form method="post" action="<?php echo $_SERVER['SCRIPT_NAME']; ?>">
    <div class="input-group">
        <div class="input-group-btn search-panel">
            <button name="filter" type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#" id="dropdownMenu1">
                <span class="selection pull-left">Select an option</span></button>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu1" style="box-shadow:0px 6px 12px rgba(0, 0, 0, 0.176)">
                <li><a href="#Teacher" class="" data-value="Teacher"><span>Teacher</span></a></li>
                <li><a href="#Student" class="" data-value="Student"><span>Student</span></a></li>
                <li class="divider"></li>
                <li><a href="#all">All</a></li>
            </ul>
        </div>
        <!-- <input type="hidden" name="search_param" value="all" id="search_param">          -->
        <input name="txtSearch" type="text" class="form-control" id="txtSearch" placeholder="Search term..."
            value="<?php echo $wordSearch; ?>">
            <span class="input-group-btn">
            <button id="btnSearch" class="btn btn-primary" type="submit">
                <span class="glyphicon glyphicon-search"></span></button>
            </span>
    </div>
</form>

這是我的JS

<script type="text/javascript">
  $(".dropdown-menu").on('click', 'li a', function(){
    var selText = $(this).children("span").html();

   $(this).parent('li').siblings().removeClass('active');
      $('#vl').val($(this).attr('data-value'));
    $(this).parents('.input-group-btn').find('.selection').html(selText);
    $(this).parents('li').addClass("active");
  });

</script>

我對PHP PS一無所知。 一切都在同一頁下（請參見下面的圖片） http://upic.me/i/hg/ssssss.jpg

Answer 1

鏈接不是表單元素。 您需要告訴表單字段（該表單字段將發送值-與鏈接相比）有關該值的信息。 您實際上已經在JavaScript中使用以下代碼行了：

$('#vl').val($(this).attr('data-value'));

現在，您只需要在表單中創建相應的表單字段（屬性id =“ vl”）即可。 在此示例中，使用“隱藏”表單字段，如下所示。 只需將其添加到標簽之間：

<input type="hidden" id="vl" name="vl" value="">

然后，您可以通過以下方式獲得PHP的價值：

$_POST['vl']

Answer 2

如果您正在尋找將數據發布到后端進行搜索的方法，則您需要ajax發布才能將其進行asyc（類似於jquery ajax方法） 文檔

如果您想使用表格，則需要先閱讀html表格， 這里是MDN文檔，然后再開始使用php方面的東西