"使用 JSON 和 JavaScript 創建隱藏貨幣的下拉菜單"

Question

任何人都可以技術我如何創建一個簡單的下拉選擇來使用java轉換貨幣。

\/\/在html中：

<select id="currency" onchange="getSelectValue();">
    <option value="Singapore Dollar">Singapore Dollar</option>
    <option value="USD">USD</option>
    <option value="Malaysia Riggit">Malaysia Riggit</option>
</select>

Answer 1

這是代碼示例。

var json=JSON.parse( "Your json which you mentioned above");

var products= json.products;



string selectlist="";

if(products.length>0)
{
    
    selectlist += "<select>";
    for(var i = 0; i < products.length; i++) {


        var currency = json[i];

            selectlist += "<option value="+currency.code+"> "+currency.code+"  </option>";
    }   
    selectlist += "</select>"
if("body").append(selectlist);
}

Answer 2

您可以像這樣在javascript中創建一個選擇，關注<script \/><\/code>

<!DOCTYPE html>
<html lang="en">
<head>
    <title>Javascript - Select</title>
</head>
<body>
    <div id="main"></div>
</body>
<script>
    const select = document.createElement("select");
    const {products} = JSON.parse('{ "products": [ { "name": "Apple", "price": "2.50", "code": "SGD" }, { "name": "Orange", "price": "2.50", "code": "SGD" } ] }');

    products.forEach(({code, name}) => {
        const option = document.createElement("option");
        option.label = name;
        option.value = code;
        select.appendChild(option);
    });

    const main = document.getElementById('main');
    main.appendChild(select);
</script>
</html>

"使用 JSON 和 JavaScript 創建隱藏貨幣的下拉菜單"

問題描述

2 個解決方案

解決方案1
0 2022-02-07 04:37:41

解決方案2
0 2022-02-07 04:46:26

"使用 JSON 和 JavaScript 創建隱藏貨幣的下拉菜單"

問題描述

2 個解決方案

解決方案1 0 2022-02-07 04:37:41

解決方案2 0 2022-02-07 04:46:26

解決方案1
0 2022-02-07 04:37:41

解決方案2
0 2022-02-07 04:46:26