Javascript 用户提交时如何获取nav pils选择？

我使用bootstrap和pug来显示选项卡视图，我想知道用户提交时选择了哪个选项卡。我怎么得到这个？我能在查询中得到这个吗？或者我可以将其存储在javascript中的某个位置？我不熟悉html、帕格和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')

---

可以与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>

$（文档）.ready（函数（）{
$（'ul.nav.nav-li'）。单击（函数（）{
var selected_text=$（this.text（）.trim（）；
console.log（所选文本）；
});
});

您可以与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>

$（文档）.ready（函数（）{
$（'ul.nav.nav-li'）。单击（函数（）{
var selected_text=$（this.text（）.trim（）；
console.log（所选文本）；
});
});

当您选择药丸时，一个类

活动

将应用于该选项卡。您可以使用

$（'.nav pills.active'）.text（）

获取所选药丸的文本。当您选择药丸时，会对选项卡应用类

active

。您可以使用

$（'.nav pills.active'）.text（）

获取所选pill的文本。