點擊按鈕，填寫並提交

首先，讓我說我非常新的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標籤中的地址，將它粘貼到上面的輸入中，並自動「提交」 - 只需點擊一下即可。

任何幫助？

謝謝！

來源

2015-04-01 user1661677

對不起，你是新的，但SO不是讓人們爲你寫代碼的網站。你必須先嚐試一下。如果無法正常工作，請發佈您嘗試的內容，我們會幫助您解決問題。 – Barmar 2015-04-01 21:58:15

謝謝@Barmar。我仍然在學習這個社區如何互相幫助。下次我發佈時，我一定會記住這一點。 – user1661677 2015-04-01 22:27:38

搜索按鈕的代碼更改爲：

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

來源

2015-04-01 22:03:28 Eda190

您還沒有將這些綁定到點擊處理程序。它將在頁面加載後立即運行Javascript，而不是在用戶點擊附近的地址時運行。 – Barmar 2015-04-01 23:48:32

你可以使用'document.NAME-OF-FORM.submit（）'而不是給submit按鈕命名。 – Barmar 2015-04-01 23:51:11

你說得對，我會編輯我的答案。 – Eda190 2015-04-02 12:32:35

點擊按鈕，填寫並提交

回答

相關問題