顯示下拉至按鈕的選定文本值

Question

我想顯示我的下拉菜單中選定的文本值。 我嘗試單擊下拉菜單的文本值，但按鈕未顯示下拉菜單的選定文本值。

 <!DOCTYPE html> <html> <head> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script> <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script> <script type="text/javascript"> $(document).ready(function() { $("#dropDownUl li") on('click', function() { $('#dropDownBtn').val($(this).text()); }); }); </script> </head> <body> <div class="dropdown" style="margin-top: 10px;"> <button id="dropDownBtn" class="btn btn-primary dropdown-toggle " type="button" data-toggle="dropdown"> Choose A Date <span class="caret"></span> </button> <ul id="dropDownUl" class="dropdown-menu"> <li class="text-center">16-12-2016</li> <li class="text-center">27-12-2016</li> <li class="text-center">01-02-2017</li> </ul> </div> </body> </html>

Answer 1

您需要設置button .text屬性，而不是val 。

$(document).ready(function () {
 $("#dropDownUl li").on('click', function () {
     $('#dropDownBtn').text($(this).text());
   });
});

顯示下拉至按鈕的選定文本值

問題描述

1 個解決方案

解決方案1
1 已采納 2016-12-22 04:11:34

顯示下拉至按鈕的選定文本值

問題描述

1 個解決方案

解決方案1 1 已采納 2016-12-22 04:11:34

解決方案1
1 已采納 2016-12-22 04:11:34