获取Bootstrap下拉值OnSubmit

使用Bootstrap下拉

 
 
 Fixed  
 
Florida
 
Texas
 
Washington
 
New York
 
Ohio
 
 
  

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+' '); //jQee('#search').submit(); }); 

HTML下拉列表

  Florida Texas Washington New York Ohio  

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

在使用Bootstrap执行此操作时，我能够保持selected的下拉值，但是当我在PHP使用它时，我还需要$_POST变量中的值以执行SQL查询并根据选择的值显示结果从下拉列表。

我怎样才能实现它？

Answer 1

使用隐藏字段并在用户选择状态时填充它。

HTML

 
  
 Fixed  
 
Florida
 
Texas
 
Washington
 
New York
 
Ohio
 
 
  

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+' '); $("#search").submit(); }); }); 

请参阅jsfiddle使用inspect元素检查隐藏字段的值。