用户提交时如何获得 nav-pils 选择？答案

【问题标题】：How to get nav-pils selection when user submits?用户提交时如何获得 nav-pils 选择？
【发布时间】：2017-09-30 16:19:37
【问题描述】：

我正在使用 bootstrap 和 pug 来显示选项卡视图，我想知道用户在提交时选择了哪个选项卡。我怎么得到这个？我可以在查询中得到这个吗？或者我可以将它存储在javascript中的某个地方吗？我是 html、pug 和 javascript 的新手

form(method='GET', action='locate')
  ul.nav.nav-pills
    li.active
      a(data-toggle='pill') one fish
    li
      a(data-toggle='pill') two fish
    li
      a(data-toggle='pill') red fish
    li
      a(data-toggle='pill') blue fish
input.btn.btn-primary(type='submit', value='Submit')

【问题讨论】：

当您选择一个药丸时，一个类 active 将应用于选项卡。您可以使用$('.nav-pills .active').text() 获取所选药丸的文本。

标签： javascript jquery html twitter-bootstrap pug

【解决方案1】：

你可以和jquery一起使用

<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script>
 $(document).ready(function(){
   $('ul.nav.nav-pills li').click(function(){
       var selected_text = $(this).text().trim();
       console.log(selected_text);
   });
 });
</script>

【讨论】：