使用Javascript更改表单信息？

Question

有没有办法用Javascript更改表单的内容？

我有一系列paypal按钮，但希望用户能够以CAD或USD购物。

表单看起来像这样：

<form onsubmit="return false;">
<input name="amount" value="6.99" type="hidden" />
<input name="currency_code" value="CAD" type="hidden" />
</form> 

我需要将value =“CAD”更改为value =“USD”

我有什么方法可以在网站上设置按钮或某种“切换”，用户可以更改货币？它应该发生在每个产品上。

我有人实施简单的购物车，但它们已不再可用

有没有更好的方法呢？（虽然这可能是最简单的）但也许应该在结帐时以某种方式完成？我认为这会更复杂。

提前谢谢，希望我已经清楚了！如果您需要更多信息，请与我们联系。

我的网站是www.bodesi.com（如果有帮助的话）

Answer 1

你可以通过javascript DOM来实现。

示例：<input type="button" onclick="document.getElementsByName('currency_code')[0].value='USD';">

Answer 2

您可以使用jQuery轻松完成此操作，它看起来就像您的网站已经包含的那样。

以下是一种方法：http://jsfiddle.net/x7LDN/

$(function() {
    $('#change_currency').click(function(){
        $('input[name="currency_code"]').val('USD');
    });
});

Answer 3

如果我理解你的要求， 向某位用户询问货币

<select name = "currency" id='currency' >  
 <option value='USD'>USD</option>
 <option value='CAD'>CAD</option>
</select>

稍后在同一页面上使用javascript来更改paypal按钮的值

如果您使用的是jquery：

(function($){ 
  $("#currency").change(function(){ 
     $('input[name="currency_code"]').val($(this).val());
  }); 
})(jQuery); 

如果你想使用干净的javascript那么

document.getElementById('currency').onchange =  function(){ 
  document.getElementsByName('currency_code')[0].value= this.value; 
}