navbar下拉选择项目文本阀门传递给一个函数

Question

我试图将文本阀从导航栏下拉选择传递给函数。 导航栏下拉列表是从数据库动态创建的。

当使用$（＆＃39; #test＆＃39;）时（＆＃39; hide.bs.dropdown＆＃39;，......我从下拉列表中获取整个文本，而不是列表项。如果我在#test之后添加，则没有任何反应。

   <nav class="navbar navbar-default navbar-fixed-top">
    <div class="container-fluid">
      <div class="navbar-header">
        <a class="navbar-brand" href="#">BMRA Data</a>
      </div>
      <ul class="nav navbar-nav" id="test">
            <li class="dropdown">
                    <a class="dropdown-toggle" data-toggle="dropdown" href="#">Fuel Charts
                    <span class="caret"></span></a>
                    <ul class="dropdown-menu" id="fuellist">
                      <li><a href="#">Page 1-1</a></li>
                      <li><a href="#">Page 1-2</a></li>
                      <li><a href="#">Page 1-3</a></li>
                    </ul>
            </li>
      </ul>
      </div>
  </nav>


$.ajax({
   url:  "getFuelList.php",
   dataType: 'json' 
  }).done(function (listData) {

  var list = document.getElementById("fuellist"); 

  listData.forEach(function (Id) {
    var li = document.createElement("li");
    var link = document.createElement("a");
    var text = document.createTextNode(Id.Id);

    link.appendChild(text);
    link.href = "#";
    li.appendChild(link);
    list.appendChild(li);
    });
})