使用 Javascript 更改表单信息？答案

【问题标题】：Changing form information with Javascript?使用 Javascript 更改表单信息？
【发布时间】：2013-04-17 14:16:28
【问题描述】：

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

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

表单看起来像这样：

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

【问题讨论】：

【解决方案1】：

您可以通过 javascript DOM 来实现。

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

【讨论】：

效果很好，我怎样才能让用户不必在每个产品页面上都这样做？
您可以使用 PHP 会话来记住他们的选择。然后你可以使用<input name="currency_code" value="<?echo $_SESSION['currency_code'];?>" type="hidden" />

【解决方案2】：

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

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

【讨论】：

【解决方案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; 
}

【讨论】：