Php 在Submit上获取引导下拉列表值

使用

Bootstrap创建的下拉列表

<form id="search" action="" method="post" >
    <div class="dropdown">
      <button data-toggle="dropdown" id="dropdownMenu1" type="button" class="btn btn-default dropdown-toggle">Fixed <span class="caret"></span></button>

      <ul aria-labelledby="dropdownMenu1" role="menu" class="dropdown-menu">
            <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Florida</a></li>
            <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Texas</a></li>
            <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Washington</a></li>
            <li role="presentation"><a href="#" tabindex="-1" role="menuitem">New York</a></li>
            <li role="presentation"><a href="#" tabindex="-1" role="menuitem">Ohio</a></li>
          </ul>
    </div>
</form>

固定的

jQuery保持下拉选项处于选中状态

var jQee = jQuery.noConflict();
jQee(".dropdown-menu li").click(function(){
    var selText = jQee(this).text();
    jQee(this).parents('.dropdown').find('.dropdown-toggle').html(selText+' <span class="caret"></span>');
    //jQee('#search').submit();
});

var jQee=jQuery.noConflict（）；
jQee（“.dropdown menu li”）。单击（函数（）{
var selText=jQee（this.text（）；
jQee（this）.parents（'.dropdown'）.find（'.dropdown toggle'）.html（selText+''）；
//jQee（“#搜索”）.submit（）；
});

HTML下拉列表

<select onchange="form.submit()" name="template">
    <option value="F" selected="true">Florida</option>
    <option value="T">Texas</option>
    <option value="W">Washington</option>
    <option value="N">New York</option>
    <option value="O">Ohio</option>
</select>

佛罗里达州
得克萨斯州
华盛顿
纽约
俄亥俄州

对于上面的下拉列表，我将根据用户选择获取

选项值

在使用
Bootstrap
时，我可以选择
下拉列表中的值
，但在使用
PHP
时，我还需要
$\u POST
变量中的值，以便根据从下拉列表中选择的值执行
SQL
查询和显示结果

如何实现它？
使用隐藏字段，并在用户选择状态时填充它

HTML


固定的








JavaScript

$(document).ready(function() {
    $("ul li a").click(function() {
        text = $(this).closest("li").text();
        $("input[name='selection']").val(text);
        $(this).parents('.dropdown').find('.dropdown-toggle').html(text+' <span class="caret"></span>');
        $("#search").submit();
    });
});

$（文档）.ready（函数（）{
$（“ul li a”）。单击（函数（）{
text=$（this）.slessed（“li”）.text（）；
$（“输入[name='selection']”）val（文本）；
$（this）.parents（'.dropdown'）.find（'.dropdown toggle'）.html（text+''）；
$（“#搜索”）.submit（）；
});
});

使用inspect元素检查隐藏字段的值。
隐藏输入的值已更改，我正在提交表单以获取POST值。但是它并没有保留在下拉列表中选择的选项值。我已经将它与您的代码结合起来了。如果您有post值，您可以让PHP为服务器端的隐藏输入字段和按钮文本（如果适用）设置值。
$（this）.parents（'.dropdown'）.find（'.dropdown toggle'）.html（text+''）和
$（'#搜索'）。提交（）不在一起工作。我可以选择值，但无法在添加了邮编的
POST
中获取。您将在JSFIDLE中获得一个禁止的错误，但该值是以名称“selection”发布的。您的意思是
$（“#搜索”）.submit（）
发布值吗？
$(document).ready(function() {
    $("ul li a").click(function() {
        text = $(this).closest("li").text();
        $("input[name='selection']").val(text);
        $(this).parents('.dropdown').find('.dropdown-toggle').html(text+' <span class="caret"></span>');
        $("#search").submit();
    });
});