2015-04-01 160 views
0

首先,让我说我非常新的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> 

我在寻找一些javascript可以让我点击span标签中的地址,将它粘贴到上面的输入中,并自动“提交” - 只需点击一下即可。

任何帮助?

谢谢!

+1

对不起,你是新的,但SO不是让人们为你写代码的网站。你必须先尝试一下。如果无法正常工作,请发布您尝试的内容,我们会帮助您解决问题。 – Barmar 2015-04-01 21:58:15

+0

谢谢@Barmar。我仍然在学习这个社区如何互相帮助。下次我发布时,我一定会记住这一点。 – user1661677 2015-04-01 22:27:38

回答

0

搜索按钮的代码更改为:

<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>的名称。

+0

您还没有将这些绑定到点击处理程序。它将在页面加载后立即运行Javascript,而不是在用户点击附近的地址时运行。 – Barmar 2015-04-01 23:48:32

+0

你可以使用'document.NAME-OF-FORM.submit()'而不是给submit按钮命名。 – Barmar 2015-04-01 23:51:11

+0

你说得对,我会编辑我的答案。 – Eda190 2015-04-02 12:32:35