單擊進行搜索的單擊后如何插入按鈕？

Question

您好，我創建了一個簡單的應用程序，它允許我進行數據庫搜索。 我創建了一個帶有 javascript 函數的 html 頁面。 這就是我的 index.html

<hmtl>
<body onload="initialize()">
        <h1>Choose your route:</h1> 
        <form action="/find" method="POST" autocomplete="on">
          <td><input type="text" name="mypos" placeholder="Your Position" size="20" /></td>
          <td><input type="text" name="yourpos" placeholder="Destination" size="20" /></td>
          <td><button type="submit">Search</button></td>
          <button type="Reset" value="Reset">Reset</button> 
       <div id="map_canvas" style="1500px; 1000px"></div>
         </body>
        </html>

在更改中插入坐標然后搜索后，我的輸出將是一個單獨的行，如果路線存在與否，我可以在其中打印到屏幕，即：找不到路線或找到路線。 我的問題是插入一個按鈕返回到搜索中的這一點，以便返回到起始頁或 index.html。 問題是我只有一個 html 頁面 (index.html)，所以任何命令只能將它插入搜索頁面而不是結果頁面（結果頁面只是一個打印的字符串而不是另一個 html 頁面）。 此頁面還與燒瓶交互。 我希望我很清楚。 非常感謝您的關注。

Answer 1

據我所知，您所擁有的是index.html進行回發，並且該回發的響應呈現具有插入結果的不同頁面。 這就是您想要返回到index.html結果頁面。 那么，你有兩個選擇：

1.在結果頁面中，創建一個這樣的按鈕：

<button class="backbutton">Back</button>

<script>
    // Somewhere in your initialization code:
    const backbutton = document.querySelector('.backbutton');
    backbutton.addEventListener('click', function(){
        window.history.back();
    });
</script>

這為您提供了一些靈活性，因為它不依賴於您的index.html頁面的路由。

2.只需在結果頁面中包含一個指向index.html頁面的鏈接：

<a href="index.html">Back to search form</button>

Answer 2

如果您想在表單提交（並清除）后使用表單輸入中的值，您需要事先在某處記住該值。 一種方法是添加（到輸入） blur事件的偵聽器（當輸入失去焦點時發生，暗示用戶已完成對輸入的編輯）。

在偵聽器函數中，您可以將值存儲在 javascript 變量中以備后用，例如

const firstMyPosInput = document.getElementsByName("myPos")[0];
let myPosValue = firstMyPosInput.value;

現在你可以添加一個新的按鈕元素（比如<button id="myBtn">Try again</button>並給它一個點擊監聽器，將輸入的值設置回之前的值，比如firstMyPosInput.value = myPosValue 。

單擊進行搜索的單擊后如何插入按鈕？

問題描述

2 個解決方案

解決方案1
0 2019-02-20 14:48:26

解決方案2
0 2019-02-20 14:57:23

單擊進行搜索的單擊后如何插入按鈕？

問題描述

2 個解決方案

解決方案1 0 2019-02-20 14:48:26

解決方案2 0 2019-02-20 14:57:23

解決方案1
0 2019-02-20 14:48:26

解決方案2
0 2019-02-20 14:57:23