Question

我有.json文件它包含一些国家的货币我正从我的文件currency.json中检索JSON数据，将其放在select＆gt;选项表单上我用过foreach 我的代码： $ string = file_get_contents（“currency.json”）; $ black_a = json_decode（$ string，true）; ＆lt;？php foreach（$ black_a as $ name =＆gt; $ black_p）{ ？＆GT; ＆lt; option value =“＆lt;？php echo $ black_p ['name'];？＆gt;”＆gt;＆lt;？php echo $ black_p ['name'];？＆gt;＆lt; / option＆gt; My JSON文件输出的示例： { “符号”：“$”， “名字”：“美元”， “symbol_native”：“$”， “decimal_digits”：2， “四舍五入”：0， “code”：“USD”， “name_plural”：“美元” }，所以问题是当用户从列表中选择一个国家时，我希望symbol_native与所选国家匹配＆lt; div class =“input-group col-sm-12”＆gt; ＆lt; input type =“number”value =“1”min =“0”step =“0.01”data-number-to-fixed =“2”data-number-stepfactor =“100”class =“form-control currency “＆gt; ＆lt; span class =“input-group-addon”style =“margin-top：10％; margin-left：-5; margin-right：15％;”＆gt; **`symbol_native Here` **＆lt; /跨度＆GT; ＆LT; / DIV＆GT; 知道如何才能实现这一目标吗？

Answer 1

在onchange货币元素上添加select侦听器：

<select id="natSelect" onchange="let csymbol = $(this).find(':selected').data('symbol');$('#natCurrency').text(csymbol)">

对每个option项进行调整：

<option value="<?php echo $black_p['name'];?>" data-symbol="<?php echo $black_p['symbol'] ?>"><?php echo $black_p['name'];?></option>

并将id添加到span货币符号元素：

<span class="input-group-addon" id="natCurrency" style="margin-top: 10%;margin-left: -5;margin-right: 15%;">**`symbol_native Here`**</span>

编辑：

要显示默认货币符号，请将此代码插入javascript块：

<script type="text/javascript">
    $('#natCurrency').text($('#natSelect').find(':selected').data('symbol'));
</script>

显示基于<select>选项的数据

1 个答案: