主页 / 问题 / 1076566
Accepted
Denis I
Asked:2020-01-31 15:41:14 +0000 UTC2020-01-31 15:41:14 +0000 UTC

从 JSON 到 <select>

  • 772

来自处理程序的数据以 JSON 格式发送到客户端。

{"time_1030":"10:30","time_1035":"10:35","time_1040":"10:40","time_1045":"10:45","time_1050":"10:50","time_1055":"10:55" ... }

从里面挤进去有多漂亮select？对于结构是

<select>
<option value="time_1030">10:30</option>
</select>
html

2 个回答

  1. Best Answer

    不知何故

    const data = {"time_1030":"10:30","time_1035":"10:35","time_1040":"10:40","time_1045":"10:45","time_1050":"10:50","time_1055":"10:55" };

$.each(data, function(k,v){ 
  $(`<option value="${k}">${v}</option>`).appendTo("select");
});
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<select></select>

    • 5 

  2.  const data = {
        "time_1030": "10:30",
        "time_1035": "10:35",
        "time_1040": "10:40",
        "time_1045": "10:45",
        "time_1050": "10:50",
        "time_1055": "10:55"
    };
    
function loadOptions(selectEl, data) {
        if (Object.keys(data).length) {
            for (let key in data) {
                let opt = document.createElement('option');
                opt.appendChild(document.createTextNode(data[key]));
                opt.value = key;
                selectEl.appendChild(opt);
            }
        }
    }

    let selectEl = document.getElementById('my_select');
    loadOptions(selectEl, data)
    <select id="my_select"></select>

    • 0

相关问题