Question

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

<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方法的表单的一部分。如何将所选项添加到_POST数组？我应该在代码中的某处指定名称吗？

Answer 1

使用formcontrols：http://getbootstrap.com/css/#forms-controls 例如：

<div class="form-group">
  <label for="sel1">Category:</label>
  <select class="form-control" id="sel1">
    <option>Cat 1</option>
    <option>Cat 2</option>
    <option>Cat 3</option>
    <option>Cat 4</option>
  </select>
</div>

您也可以覆盖css，例如：

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

Answer 2

您可以使用以下方法：

<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>

php中的下拉菜单名称

2 个答案: