HTML Submit кнопки на формах перезарядить, но не потерять данные

Question

Допустим, у меня есть это: http://jsfiddle.net/oh0omatq/2/

<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> 

Могу ли я использовать это кнопки отправки по Англии и Уэльсу, чтобы установить значение в форме, и перезагрузите форму, но также не потерять информацию, уже введенную в форме, например, в поле ввода.

Это только предварительный просмотр, но я хочу, чтобы иметь возможность перезагружать и фильтровать элементы ввода в форме в зависимости от кнопки, которую пользователь нажал, но также не потерять ранее введенные данные в полях.

Answer 1

Я бы рекомендовал использовать для этого 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.