Как я могу передать переменные на другую страницу с помощью кнопки?

Question

У меня есть переменная var где-то в моей программе js.давайте назовем это tempVar.Я хочу передать эту переменную при нажатии кнопки.вот часть моего кода:

var TempVar=9;
<form id="boardButton" action="/test"  >
    <button id="joinBoardButton" >JOIN</button>
</form> 

как мне перейти на страницу test содержание Tempvar?

Answer 1

Вы можете использовать атрибут onclick. Затем в JavaScript вы можете найти нужные вам значения. Если они уже есть на странице, вы можете использовать document.getElementById(someID), чтобы получить элемент, а затем получить свое значение таким образом.

Вы также можете использовать ключевое слово this для доступа к элементу DOM, который вы только что щелкнули. Смотрите: что такое "это" в javascript onclick?

РЕДАКТИРОВАТЬ:

Что касается получения переменной, которая у вас уже была, если она имеет большой объем, вы можете просто получить к ней доступ напрямую.

Еще один способ сделать это - сохранить значение, которое вы хотите использовать повторно, в hidden вводе вашего сайта и использовать повторно при необходимости.

Надеюсь, это поможет!

Answer 2

Это должно отправить форму с TempVar в строке запроса: ... / test? TempVar = ABC

<script>
    var TempVar = "ABC";

    function setVar() {
        document.getElementById('TempVar').value=TempVar;
    }
</script>


<form id="boardButton" action="/test"  >
    <input type="hidden" id="TempVar" name="TempVar" value=""/>
    <input type="submit" id="joinBoardButton" value="JOIN" onclick="setVar();"/>
</form>

Answer 3

Вы можете добавить в форму скрытое значение ввода

<input id="var" type='hidden' name='country' value=''>

Затем вы можете установить значение с помощью onclick при отправке формы:

<button id="joinBoardButton" onclick="this.document.getElementById('var').value=var" >JOIN</button>

Answer 4

Предполагается, что var определено глобально (для объекта окна):

<form id="boardButton" action="/test">
    <input type="hidden" name="var"/>
    <button id="joinBoardButton" onclick="this.form.elements['var'].value=window.var">JOIN</button>
</form>