javascript - 如何使用 Mapbox API 中的 Jquery 从事件 li > a 获取值？

Question

我正在尝试从预测某人键入时的地址的正向地理编码器获取值，并将该值发送到 ID 为“pickup”的表单。我似乎无法从当有人开始输入输入时激活的 mapbox api 捕获 li > a 。

这是 Mapbox 地址搜索的屏幕截图:

我正在尝试的代码片段。我也尝试过很多变体:

$("ul.suggestions").find("li.active").click(function() {
    pickupLoc = $(this).attr("value");
    $("#pickup")[0].value= pickupLoc; 
});

谢谢!

Answer 1

li 元素没有 value 属性。尝试使用 text() 代替。

改变

pickupLoc = $(this).attr("value");

至

pickupLoc = $(this).text();

演示:

$("ul.suggestions").find("li.active").click(function(){
  var pickupLoc = $(this).text();
  console.log(pickupLoc);
});

.active{
  color: green;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<ul class="suggestions">
  <li class="active">
    <a>
      <strong>ABC</strong>
      Sample Text 1
    </a>
  </li>
  <li>
    <a>
      <strong>SDF</strong>
      Sample Text 2
    </a>
  </li>
</ul>