html – Bootstrap Dropdown获取所选项目的值

前端之家收集整理的这篇文章主要介绍了html – Bootstrap Dropdown获取所选项目的值前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
使用Bootstrap下拉切换按钮有没有办法显示刚刚选择的值?
<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>

表单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>');
});

演示http://www.bootply.com/64302

该表格是如何“POST”的?

原文链接:https://www.f2er.com/html/242542.html

猜你在找的HTML相关文章