0

Bootstrapを使用していますが、次のドロップダウンメニューがあります。

<div class="btn-group">
        <a class="btn btn-primary dropdown-toggle" data-toggle="dropdown" href="#">
                 number of rooms
            <span class="caret"></span>
        </a>
        <ul class="dropdown-menu">
                <li>
                    <a href="#" >1</a>
                </li>
                <li>
                    <a href="#" >2</a>
                </li>
                <li>
                    <a href="#" >3</a>
                </li>
                <li>
                    <a href="#" >4</a>
                </li>
                <li>
                    <a href="#" >5</a>
                    </li>               
            </ul>
        </div>

ドロップダウンメニューのエントリをクリックしたときに、選択したテキストを取得したい。私はもう試した ：

$('.dropdown-menu :selected').text();
$('.dropdown-menu option:selected').text();
$('.dropdown-menu').find('option:selected').text();
$('.dropdown-menu li a').text(); //returns 12345
$('.dropdown-menu > .active').text();
...

しかし、それは機能しません。私は何が間違っているのですか？どうも

編集実際、私はJavascriptにまったく慣れていません（私はJava開発者です）。私はバックボーンを使用していて、そのようなものが欲しいです：

window.RoomView = Backbone.View.extend({

events : {
    "click .dropdown-menu"       : "test"
}

test : function(){
//display selected text
}
4

3 に答える 3

7

これは、既存の関数内でテキストを取得することを意味するのか、それともまったく取得するのかによって異なります。

$('.dropdown-menu a').click( function () {
    var text = $(this).text();
});

私はバックボーンの専門家ではありませんが、おそらく...

events : {
    "click .dropdown-menu a"       : "test"
}

test : function(){
    //display selected text
    var text = $(this).text();
}
于 2013-02-22T17:55:07.173 に答える
2 
"click .dropdown-menu a"    : "displayRoomConfigForms"

displayRoomConfigForms: function(event){
  var text = $(event.currentTarget).text(); 
}

やった

于 2013-02-26T14:16:11.953 に答える
2

ただそれをしなさい。

$('.dropdown-menu li a').click(function() {
    alert($(this).text());
});
于 2013-02-22T17:55:54.997 に答える