Захватить и отправить текстовое значение по ссылке с помощью Javascript

Question

Я пытаюсь отправить текст, набранный в поле по ссылке. См. Мой код ниже. По какой-то причине он не отправляется?

<script> 
    var discountCode = document.getElementById("discountCode").value; 
     openPage = function() { 
     location.href = "payment.php?discount="+discountCode; 
    }      
</script> 
<a href ="javascript:openPage()" class="btn btn-warning">Purchase</a> 

Answer 1

Вы читаете значение, как только загружается страница, а не при нажатии ссылки. Вам просто нужно, чтобы переместить строку в функцию:

<script> 
    openPage = function() { 
     var discountCode = document.getElementById("discountCode").value; 
     location.href = "payment.php?discount="+discountCode; 
    }      
</script> 
<a href ="javascript:openPage()" class="btn btn-warning">Purchase</a> 

Или в качестве альтернативы просто получить ссылку на элемент при загрузке страницы (при условии, этот сценарий является послеdiscountCode элемент), а затем прочитать значение в поле функция:

<script> 
    var discountCode = document.getElementById("discountCode"); 
    openPage = function() { 
     location.href = "payment.php?discount="+discountCode.value; 
    }      
</script> 
<a href ="javascript:openPage()" class="btn btn-warning">Purchase</a>