MVC4 Bootstrap JQuery - 将Dropdown标题设置为选定的项目

时间:2014-09-05 10:14:15

标签: javascript jquery html twitter-bootstrap asp.net-mvc-4

我一直在这里关注几个帖子,关于从下拉列表中返回选择的值并将下拉列表的标题设置为此选择。 当前:How to change the main display of dropdown when an item is selected in bootstrap

我尝试了其他几个例子,但是当其他脚本工作正常时,没有一个能为我工作。

有人能看到我的愚蠢错误吗? (我知道它必须是小事)

我的下拉:

<div class="form-group">
<label for="platform" class="control-label col-xs-2">Platform:</label>
    <div class="col-xs-10">
        <div class="dropdown">
                <button class="btn btn-default" id="pickButton" data-toggle="dropdown">                                    
                    <span id="dropdown_title">Select</span>
                    <span class="caret"></span>
                </button>
                <ul class="dropdown-menu" id="selectionDropdown">
                    <li><a tabindex="-1" href="#">Android</a></li>
                    <li><a tabindex="-1" href="#">IOS</a></li>
                    <li><a tabindex="-1" href="#">Windows Phone</a></li>
                </ul>
            </div>
        </div>
    </div>

我的剧本:

<script>
$(document).ready(function () {
    $('#pickButton').dropdown();
    $('#selectionDropdown li').on('click', function() {
        $('#dropdown_title').html($(this).find('a').html());
    });​
});
</script>

1 个答案:

答案 0 :(得分:0)

代码似乎已经自行修复(责备VS2013),由于没有答案,请查看工作代码的问题。