Html 引导下拉列表获取所选项目的值

使用引导下拉切换按钮，是否有任何方式显示刚刚选择的值

<form action="/output/" name="InputCacheCheck" method="post">
{% csrf_token %}
    <div class="input-prepend input-append">
        <div class="btn-group">

            <button class="btn dropdown-toggle" name="recordinput" data-toggle="dropdown">
            Record
            <span class="caret"></span>
            </button>
            <ul class="dropdown-menu">
                  <li><a href="#">A</a></li>
                  <li><a href="#">CNAME</a></li>
                  <li><a href="#">MX</a></li>
                  <li><a href="#">PTR</a></li>
            </ul>
        <input class=".input-large" name="hostnameinput" id="appendedInputButton" type="text">
        <button class="btn" type="submit">Lookup</button>
        </div>
    </div>
</form>

{%csrf_令牌%}
记录






查找

此外，表单POST数据中未提供名称recordinput。

---

有什么想法吗？

您应该能够像这样更改下拉文本

$(".dropdown-menu li a").click(function(){
  var selText = $(this).text();
  $(this).parents('.btn-group').find('.dropdown-toggle').html(selText+' <span class="caret"></span>');
});

$（“.下拉菜单a”）。单击（函数（）{
var selText=$（this.text（）；
$（this）.parents（'.btn group'）.find（'.dropdown toggle'）.html（selText+''）；
});

演示

---

表单是如何“发布”的？

或者您可以这样做

使用（documemt）.on似乎比从元素类中定位click事件更为一致。此外，在这种情况下，通过给按钮元素一个ID，可以帮助分配下拉选择

   $(document).on('click', '.dropdown-menu li a', function () {
            var selText = $(this).text();
            $('#dLabel').html(selText + '<span class="caret"</span>');
        });



   <div class="dropdown">
        <button type="button" class="btn btn-primary dropdown-toggle" id="dLabel" role="button" data-toggle="dropdown" data-target="#">
            Lists
            <span class="caret"></span>
        </button>
        <ul id="drpdn_List" runat="server" class="dropdown-menu" role="menu" aria-labelledby="dropdownmenu">
        </ul>
    </div>

$（文档）.on（'单击'，'）。下拉菜单li a'，函数（）{
var selText=$（this.text（）；
$（“#dLabel'）.html（selText+”在这种情况下，您不应该使用引导下拉切换。当用户单击/悬停按钮时，这对于显示一个或多个超链接非常有用

如果你想要样式下拉列表，你可以使用其他插件，比如像下拉列表一样操作/返回值。
你必须自己用一点JS来完成这项工作-创建一个隐藏输入，并在选择下拉列表项时为其设置一个值，这就是我们在1999年使用Visual Interdev时所做的。谢谢引导！谢谢，表单操作是将表单发回给一个给定的url。是否仍然有保持下拉框长度不变的方法？非常感谢您的回答！