Dropdown menu name in php - php

Question

I have the following drop-down menu in a page:
<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>
Cat I
</li>
<li>
Cat II
</li>
<li>
Cat III
</li>
<li>
Cat IV
</li>
<li>
Cat V
</li>
</ul>
</div>
This is part of a form with POST method. How can I add the selected item to the _POST array? Should I specify a name somewhere in my code?

Answer 1

You can use the below method:
<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>

Answer 2

Use formcontrols: http://getbootstrap.com/css/#forms-controls
example:
<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>
You can also overwrite the css for example:
form .form-group {
border: 2px solid red;
}