使用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”的?