使用jQuery，Bootsrap下拉菜單選擇值

Question

我的頁面上有幾個下拉菜單。 我正在嘗試更改選定的值，並且遇到了很大的問題。 似乎什么都沒發生。 似乎我的jquery代碼根本沒有被調用或者它是否有效？

我在mvc視圖中添加了我的下拉列表，該視圖嵌入在布局頁面中。 以前我在布局頁面標題中添加了我的Java腳本代碼，如下所示。

<script type="text/javascript">
    $(function(){

        $(".dropdown-menu li a").click(function(){

          $(".btn:first-child").text($(this).text());
          $(".btn:first-child").val($(this).text());

       });

    });
    </script>

下面是我從我的LayoutPage @RenderPage上呈現的視圖中的下拉

<div class="btn-group"> 
     <a class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown">    <span data-bind="label">Select a Country</span>&nbsp;
      <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                <li><a href="#">United States</a></li>
                <li><a href="#">Canada</a></li>
                <li class="divider"></li>
                <li><a href="#"><span class="glyphicon glyphicon-star"></span> Other</a></li>
            </ul>
        </div>

    <div class="btn-group"> 
     <a class="btn btn-default dropdown-toggle btn-select" data-toggle="dropdown">    <span data-bind="label">Select a State</span>&nbsp;
      <span class="caret"></span></a>
            <ul class="dropdown-menu" role="menu" aria-labelledby="dropdownMenu">
                <li><a href="#">Washingtong</a></li>
                <li><a href="#">California</a></li>
                <li class="divider"></li>
                <li><a href="#"><span class="glyphicon glyphicon-star"></span> Other</a></li>
            </ul>
        </div>

我嘗試了許多替代方法，如問題“ 此處”所示，但未成功。 請問我哪里出錯了？ 任何幫助，將不勝感激

Answer 1

謝謝大家，已經找到了問題。 就像我懷疑我的javascrip代碼沒有執行。 我剛剛意識到我的腳本是在jQuery.js腳本引用之前編寫的。 就像

    <script type="text/javascript">
         My script .
     </script>
<script src="~/Content/js/bootstrap.min.js"></script>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>

我現在改為

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js'></script>

 <script type="text/javascript">
             My script .
  </script>

它現在正在工作。 因此，必須先引用/加載JQuery。 那是我犯的錯誤。 謝謝你們。