MVC4 Bootstrap JQuery - 將下拉菜單的標題設置爲選中的項目

我一直在關注如何返回從下拉列表中選擇的值並將下拉列表的標題設置爲此選項。當前：How to change the main display of dropdown when an item is selected in bootstrap MVC4 Bootstrap JQuery - 將下拉菜單的標題設置爲選中的項目

我試過其他幾個例子，但其他的例子都沒有爲我工作，當其他腳本工作正常。

任何人都可以看到我的愚蠢錯誤嗎？（我知道那一定是小的東西）

我的下拉：

<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>

來源

2014-09-05 Baggerz

必須將你的代碼包裝在$（document）.ready？ – 2014-09-05 10:18:09

感謝您的評論異常我已經錯過了這一點，但值仍然沒有被選中時被設置。 – Baggerz 2014-09-05 10:43:23

你的代碼正在工作... http：//www.bootply.com/kDVuF98y9H – 2014-09-05 11:06:09

代碼似乎有固定的本身（非VS2013）由於沒有答案，請參閱問題的工作代碼。

來源

2014-09-11 14:23:18 Baggerz

MVC4 Bootstrap JQuery - 將下拉菜單的標題設置爲選中的項目

回答

相關問題