在http://www.gofundme.com/sign-up/ 网站上，他们可以在您输入金额的下方选择您的货币。当您更改货币时，它会更改您输入的金额旁边的符号。
我想在我的网站上做一些类似的事情，但我什至不知道如何去做。谁能指出我正确的方向？
伙计们，放轻松点；我以前做过一些网站制作，但从来没有太壮观。
【问题讨论】：
标签： javascript css ajax dynamic
该网站上的代码都是客户端的，而且相当简单。
您单击该链接，它会调用显示选择弹出 div 的 Javascript。
当您在选择弹出 div 上选择一个项目时，它也会调用 Javascript。该javascript修改：
€）...并关闭弹出的 div。
编辑： 显然，您还需要 jQuery library 才能使用我的答案中的代码 :) 您可以替换自己的 Javascript 代码，并获得相同的结果，但看起来不一样和下面的代码一模一样。
这是代码，直接从“查看源代码”中撕下：
金额框：
<div class="amt_box bg_white">
<label class="currency-display">$</label>
<input type="text" name="Funds[goalamount]" value="" class="big-field"
tabindex="1" />
</div>
打开弹出div的链接：
<h4>Display: <a href="#" class="currency-select">US Dollars</a></h4>
弹出的div：
<div class="currency currency-select-div" style="position:absolute; display:none;margin-left:45px;">
<ul>
<li><a href="#" class="currency-item" title="$" code="USD">$ USD Dollar</a></li>
<li><a href="#" class="currency-item" title="$" code="CAD">$ CAD Dollar</a></li>
<li><a href="#" class="currency-item" title="$" code="AUD">$ AUD Dollar</a></li>
<li><a href="#" class="currency-item" title="£" code="GBP">£ GBP Pound</a></li>
<li><a href="#" class="currency-item" title="€" code="EUR">€ EUR Euro</a></li>
</ul>
</div>
隐藏的表单域：
<input type="hidden" id="currencyfield" value="USD" name="Organizations[currencycode]" />
将它们绑定在一起的 Javascript (jQuery) 代码：
$('.currency-select').click(function() {
$('.currency-select-div').show();
return false;
});
$('.currency-item').click(function() {
$('.currency-select-div').hide();
$('.currency-display').text($(this).attr('title'));
$('.currency-select').text($(this).text());
$('#currencyfield').val($(this).attr('code'));
【讨论】：
$ 与货币符号 $ 混淆...这可能会发生。大声笑。
您需要首先使用下拉列表唯一标识您尝试更改的文本。
<span id="currencySymbol">$</span>
然后你会想要创建一个包含你想要的值的下拉列表。
<select id="currencySelect">
<option value="$">Dollars</option>
<option value="£">Pounds</option>
<option value="€">Euros</option>
</select>
然后你需要使用JavaScript根据下拉列表的值来改变文本的值。
document.getElementById('currencySelect').onchange = function(){
document.getElementById('currencySymbol').innerHTML = this.value;
}
【讨论】：