6

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>

また、名前 recordinput は、フォームの POST データ内で提供されていません。何か案は？

4

3 に答える 3

10

You should be able to change the dropdown text like this..

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

Demo http://www.bootply.com/64302

How is the form being 'POST'ed?

于 2013-06-15T21:30:48.533 に答える
0

または、このようにすることもできます...

(documemt).on を使用すると、要素クラスからクリック イベントをターゲットにするよりも一貫して機能するようです。また、ボタン要素に 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>
于 2014-01-21T22:34:19.190 に答える