php中的下拉菜单名

我在页面中有以下下拉菜单：

<div class="dropdown">
  <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
    Select a Category
    <span class="caret"></span>
  </button>
        <ul class="dropdown-menu">
          <li>
            <a href="#">Cat I</a>
          </li>
          <li>
            <a href="#">Cat II</a>
          </li>
          <li>
            <a href="#">Cat III</a>
          </li>
          <li>
            <a href="#">Cat IV</a>
          </li>
          <li>
            <a href="#">Cat V</a>
          </li>
        </ul>
</div>

选择一个类别

这是带有POST方法的表单的一部分。如何将所选项目添加到

\u POST

数组？我应该在代码中的某个地方指定名称吗？

使用formcontrols： 例如：

---

您可以使用以下方法：

<form name="cat_form" id="cat_form" method="POST" />
    <input class="span2" id="cat_type" name="cat_type" type="hidden">
    <div>
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Select a Category<span class="caret"></span>
    </button>
      <ul class="dropdown-menu">
        <li onclick="$('#cat_type').val('cat_1');">Cat 1</li>
        <li onclick="$('#cat_type').val('cat_2');">Cat 2</li>
        <li onclick="$('#cat_type').val('cat_3');">Cat 3</li>
        <li onclick="$('#cat_type').val('cat_3');">Cat 4</li>
      </ul>
    </div>
</form>

选择一个类别

第1类
第二类
第三类
第4类

使用一个字段而不是

，或者您需要添加一个隐藏字段和一些javascript来更改隐藏字段的值我需要这样更改CSS吗？我目前正在使用Bootstrap for this下拉列表作为或编写一些jquery代码。似乎在Bootstrap使用时需要Bootstrap selectpicker。我确信当我们使用bootsrap select picker和bootstrap库及其jsp时创建的html是相同的。为了获得表单数据，您需要使用表单标记。如果您需要选择菜单的自定义布局，则使用javascript填充隐藏的字段UR代码不符合用户要求。用户正在使用Bootstrap。它实现了我想要的功能。但是，外观不是原来的那种。我想只有用JS才有可能得到这样的外观……开头的标签在哪里？“我知道发生了什么，但它不起作用：一旦我点击，下拉列表就不会出现了。”MarcoGreselin更新了答案。请让我知道它是否有效。

form .form-group {
    border: 2px solid red;
}

<form name="cat_form" id="cat_form" method="POST" />
    <input class="span2" id="cat_type" name="cat_type" type="hidden">
    <div>
    <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">Select a Category<span class="caret"></span>
    </button>
      <ul class="dropdown-menu">
        <li onclick="$('#cat_type').val('cat_1');">Cat 1</li>
        <li onclick="$('#cat_type').val('cat_2');">Cat 2</li>
        <li onclick="$('#cat_type').val('cat_3');">Cat 3</li>
        <li onclick="$('#cat_type').val('cat_3');">Cat 4</li>
      </ul>
    </div>
</form>