Question

首先，让我说我对Javascript非常陌生，而且在我最近开发的应用程序的后端方面相对无能为力。我正在研究前端设计/次要功能。所以，如果你可以请你记住你的答案，那就非常感激了！

我有一个输入字段，用户可以在其中输入地址，然后单击“提交”以显示属性结果页面。

<input type='text' class='main-search-address' id="main-search-address" placeholder="Enter Street Address">in Seattle, WA
<input value="Search" type="submit" class="submit" id='main-search'>

在结果页面上，有一个部分显示附近的地址，通过AJAX / js显示：

<span id="nearby_address">this gets replaced with an address</span>

例如

<span>1103 YAKIMA AVE S</span>

我正在寻找一些允许我点击span标记中的地址的JavaScript，将其粘贴到上面的输入中，然后自动“提交” - 只需点击一下即可。

任何帮助？

谢谢！

Answer 1

将搜索按钮代码更改为：

<input value="Search" type="submit" name="submitSearch" class="submit" id='main-search'>

您的范围代码为：

<span id="nearby_address" onclick="FillSub()">

然后使用此javascript代码。

<script type="text/javascript">
function FillSub(){
var elem = document.getElementById("nearby_address").innerHTML;
var elem2 = document.getElementById("main-search-address");
elem2.value = elem;
document.NAME-OF-YOUR-FORM.submitSearch.click();
}
</script>

在下次提问之前，你应该做一些研究。我很好奇我将如何解决这个问题，所以我做到了。编辑脚本的最后一个值，因为您没有发布<form>的名称。

点击填充输入和按钮的按钮的提交

1 个答案: