带Bootstrap下拉菜单的POST表单HTML

在以下代码中，我想提交一个带有Bootstrap下拉菜单的表单，并将所选值提交为“用户名”。我不确定在以下代码中应在何处添加“ name =“ username””。当我在某些地方添加它时，它的设置不正确。

下面是一个代码示例，它完全可以实现我想要的功能。但是出于设计目的，我希望表单位于Bootstrap中。



1
2
3
4





用radio buttons和labels替换列表中的链接（当前链接到页面顶部的链接）。

我们可以为每个列表项添加单选按钮，每个单选按钮都为其赋予唯一值和name="username"。将每个列表项的文本都包装到带有label标签的for中，该标签指向相应的单选按钮的id。

此后，剩下要做的就是将下拉标签用span包装到id='userlabel'中，然后使用此脚本将下拉菜单的标签更改为所选列表项。这将使用户了解当前选择了哪个项目：

$("input[name='username']").change(function(e){
$("#usernamelabel").text($(this).val());
});


我们可以使用来隐藏单选按钮

input[name='username']{
display: none;
}


生成的html将如下所示：