将下拉菜单中的值拉入 API url答案

【问题标题】：Pull value from drop-down menu into an API url将下拉菜单中的值拉入 API url
【发布时间】：2020-06-05 23:09:22
【问题描述】：

我正在使用基于每个州的两个字母字符代码显示信息的 API。状态位于下拉菜单中，如下所示。我正在尝试获取该值并将其设置为一个名为 state 的变量，该变量会根据使用 jQuery 选择的状态而变化。

                 <!-- Dropdown Structure -->
                 <ul id='dropdown1' class='dropdown-content'>
                 <li><a href="campsitepg2.html" value="AL">Alabama</a></li>
                 <li><a href="campsitepg2.html" value="AK">Alaska</a></li>

【问题讨论】：

欢迎来到 SO！我知道很难找到正确的搜索关键字，但请在发布新问题之前尝试一下。我刚刚尝试了“jquery clicked attribute”并在这里找到了许多答案，其中包含您可以使用的代码，例如stackoverflow.com/questions/7519423/…、stackoverflow.com/questions/6625667/…、stackoverflow.com/questions/5205411/… ...
这能回答你的问题吗？ jQuery - How to get attribute of an element when using the 'click' event

标签： jquery api

【解决方案1】：

你可以这样做：

$("#dropdown1 li").on("click", function(e) {
  e.preventDefault();
  var state = $(this).find("a").attr("value");
  console.log(state);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
 <ul id='dropdown1' class='dropdown-content'>
   <li><a href="campsitepg2.html" value="AL">Alabama</a></li>
   <li><a href="campsitepg2.html" value="AK">Alaska</a></li>
 </ul>

【讨论】：