获取php中bootstrap下拉列表的值

Question

我创建了一个包含多个字段的表单,如输入类型名称,复选框和下拉列表.我的下拉代码:

<div class="container">
<form action="selecttest.php" method="post">
<div class="dropdown">
<div class="dropdown-toggle somename1" data-toggle="dropdown"id="menu1"></div>
  <ul class="dropdown-menu myclass numberom1" aria-labelledby="menu1" name="thenumbers">
      <li value="one">One</li>
      <li value="two">Two</li>
      <li value="three">Three</li>
      <li value="four">Four</li>
      <li value="five">Five</li>
  </ul>

</div>
<input type="submit" name ="submit"/>

我想<li>在selecttest.php中获取所选的值.以下代码无效:

$val = $_POST["thenumbers"];
    echo "the Value selected is ".$val;

如何在php页面中获取下拉列表的值？如上所述,表单中还有其他元素,因此我无法使用jquery onclick事件.这是一种非ajax形式.

谢谢.

Answer 1

下拉菜单与select输入不同.

在表单中,select输入的语法(如你的,在Bootstrap中)将是:

<label for="select_1">Select list:</label>
<select class="form-control" id="select_1" name="thenumbers">
    <option value="one">One</option>
    <option value="two">Two</option>
    <option value="three">Three</option>
    <option value="four">Four</option>
</select>

只要select有一个属性name值为"thenumbers",并且select是正在提交的表单中,你将能够获得所选择的元素的值PHP中:

$val = $_POST["thenumbers"];
echo "the Value selected is ".$val;

要将Bootstrap下拉列表用作虚假select,您可以使用JavaScript.这是jQuery的一个例子:

HTML

<!-- Create dropdown and add specific class '.thenumbers' to ul element -->
<div class="dropdown">
    <div class="dropdown-toggle somename1" data-toggle="dropdown"id="menu1"></div>
    <ul class="dropdown-menu myclass numberom1 thenumbers" aria-labelledby="menu1" name="thenumbers">
        <li value="one">One</li>
        <li value="two">Two</li>
        <li value="three">Three</li>
        <li value="four">Four</li>
        <li value="five">Five</li>
    </ul>
</div>

<!-- Create a hidden input -->
<input type='hidden' name='thenumbers'>

jQuery

$(function(){
    //Listen for a click on any of the dropdown items
    $(".thenumbers li").click(function(){
        //Get the value
        var value = $(this).attr("value");
        //Put the retrieved value into the hidden input
        $("input[name='thenumbers']").val(value);
    });
});

这样(只要隐藏的输入在表单中),当提交表单时,"thenumbers"输入值将是最后选择的下拉选项.