我正在构建一个表单,用户可以在其中选择他们想要更改的货币,当他们选择货币时,它会反射(reflect)金额标签旁边的货币符号。我想在页面上显示所选货币符号的 STRING 等值结果,但我不知道如何在 JavaScript 中实现此目的。
https://www.w3schools.com/code/tryit.asp?filename=G89PFIUW1OUC
上面是一个指向我想要做的事情的代码 Playground 链接,我已经编写了jquery代码来交替选择选项的值并显示金额标签旁边的选项的值,如果我评论它工作正常out 比较选项值的值并将新值分配给 stringcurr 变量的函数。我不知道我做错了什么,所以我需要帮助。
<div class="col-md-3">
<span class="color-bold">Cash Back Exchange Currency<span style="color:red;">*</span></span>
<select class="form-control" id="currSelect">
<option value="">Select currency</option>
<option value="$"> United States Dollars (USD) </option>
<option value="£"> Great Britain Pounds (GBP) </option>
<option value="€"> European Euro (EUR) </option>
</select>
</div>
<div class="col-md-3">
<label class="color-bold">Amount - <span id="curr"></span> <span style="color:red;">*</span></label>
<input name="forexamount" id="forexamount" class="common" type="number" placeholder="Eg. 200">
</div>
<div id="stringcurr"></div>
JS
<script>
var intcurr;
var currencysymbol = "";
$("#currSelect")
.change(function() {
$("#currSelect option:selected").each(function() {
currencysymbol = $(this).val();
});
$("#curr").text(currencysymbol /* .substring(1,0) */ );
(function(currencysymbol) {
if (currencysymbol != "") {
if (currencysymbol == "$") {
return intcurr = "USD";
} else if (currencysymbol == "£") {
return intcurr = "GBP";
} else if (currencysymbol == "€") {
return intcurr = "EUR";
} else {
return false
}
$("#stringcurr").text(intcurr);
})();
change();
});
</script>
如果所选选项的值为 $charset,我希望 stringcurr div 显示 USD;如果所选选项的值为 £charset,则 stringcurr div 显示 GBP 等,通过将字符串分配给 intcurr 变量。
最佳答案
更简单的方法是为每个 <option>
添加一个数据属性与货币文本值并使用 jQuery data()
访问它们。
您还需要链接 change()
页面加载的方法触发器
$("#currSelect").change(function() {
// get selected data or make it empty string if undefined
var curr = $(this).find(':selected').data('curr') || '';
$('#curr, #stringcurr').text(curr);
// trigger event on page load
}).change();
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<div class="col-md-3">
<span class="color-bold">Cash Back Exchange Currency<span style="color:red;">*</span></span>
<select class="form-control" id="currSelect">
<option value="">Select currency</option>
<option value="$" data-curr="USD"> United States Dollars (USD) </option>
<option value="£" data-curr="GBP"> Great Britain Pounds (GBP) </option>
<option value="€" data-curr="EUR"> European Euro (EUR) </option>
</select>
</div>
<div class="col-md-3">
<label class="color-bold">Amount - <span id="curr"></span> <span style="color:red;">*</span></label>
<input name="forexamount" id="forexamount" class="common" type="number" placeholder="Eg. 200">
</div>
<div id="stringcurr"></div>
关于javascript - 如何根据选择标签的选定选项的值向变量分配新值,检索并使用变量的新值?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/58051047/