2013-04-17 36 views
1

有没有一种方法可以用Javascript更改表单的内容?用Javascript更改表单信息?

我有一系列的PayPal按钮,但希望用户能够在CAD或美元购物。

的形式看起来是这样的:

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

我需要的价值=更改“CAD”价值=‘USD’

有什么办法,我可以有一个按钮或某种的网站,使用户可以更改货币的“切换”?它应该发生在每一个产品。

我有某人实现简单的购物车,但他们不再

有没有更好的方法来做到这一点?(我虽然这可能是最简单的)但也许它应该在结账时完成?我认为这会更复杂。

在此先感谢,并希望我已经清楚了!如果您需要更多信息,请与我们联系。

我的网站是www.bodesi.com(是否有帮助)

+0

是的,你可以。通过DOM操作,您可以在文档树中的任何地方更改任何地方。 https://developer.mozilla.org/en-US/docs/DOM –

回答

2

您可以通过JavaScript DOM做到这一点。

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

+0

这个伟大的工程,如何让这样用户就不必这样做每一个产品页面上? –

+0

您可以使用PHP会话来记住他们的选择。 然后可以使用'<输入名称= “CURRENCY_CODE” 值= “<回声$ _SESSION [ 'CURRENCY_CODE'];?>” 类型= “隐藏”/>' – Megadv

0

您可以用jQuery,它看起来像你的网站已经包含做到这一点很容易。

下面是做到这一点的一种方法:http://jsfiddle.net/x7LDN/

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

如果我明白你的要求正确, 向用户某处的货币

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