HTML提交表單上的按鈕重裝，但不會丟失數據

可以說我有這樣的：http://jsfiddle.net/oh0omatq/2/HTML提交表單上的按鈕重裝，但不會丟失數據

<form> 
    <input placeholder="my value">Country 
    <button name="subject" type="submit" value="england">England</button> 
    <button name="subject" type="submit" value="wales">Wales</button> 
    <br />Your country is: Wales 
    <input type="submit"> 
</form>

我可以使用此提交按鈕英格蘭和威爾士到窗體中設置的值，並重新加載的形式，但也不會丟失表格中已經輸入的信息，例如在輸入框中。

以上只是一個預覽，但我希望能夠根據用戶點擊的按鈕重新加載和過濾表單中的輸入元素，但也不會丟失任何先前在字段中輸入的數據。

來源

2014-09-02 James Willson

所以你的意思就像一個兩步驟的形式？ – LorDex 2014-09-02 15:34:35

您使用哪種服務器技術？將值重新發送回表單通常在那裏完成（MVC/PHP等）。 – 2014-09-02 15:35:09

cookies怎麼樣？他們與JS一起工作良好。如果您使用PHP存儲作爲會話或cookie。 – Idris 2014-09-02 15:35:39

我建議使用javascript這個。我編輯了你的小提琴來使用onclick函數。

<form> 
    <input placeholder="my value"> 
    Country 
    <button name="subject" value="england" type="button" onclick="document.getElementById('value').innerHTML = this.value">England</button> 
    <button name="subject" value="wales" type="button" onclick="document.getElementById('value').innerHTML = this.value">Wales</button><br /> 
    Your country is: <span id="value">Wales</span> 
    <input type="submit"> 
</form>

更改按鈕到type="button"所以他們不提交表單允許JavaScript來編輯值。當然，您可以從跨度中輸入一個輸入，從而允許將選定的值與表單一起發送。當然，選擇框也可以。

但願你想要做什麼？

您可以在這裏看到編輯的fiddle。

請記住，這是一個快速的草圖。不建議使用JavaScript內聯。

來源

2014-09-02 15:47:23

HTML提交表單上的按鈕重裝，但不會丟失數據

回答

相關問題