javascript - 使用 Javascript 更改表单信息？

Question

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

我有一系列贝宝按钮，但希望用户能够以加元或美元购物。

表单看起来像这样：

<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（如果有帮助的话）

score 2 · Accepted Answer

您可以通过 javascript DOM 来实现。

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

score 0 · Accepted Answer

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

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

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

score 0 · Accepted Answer

如果我正确理解了您的要求，请在某处向用户询问货币

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

3 回答 3