Javascript:2下拉框代码（小时：分钟）

有谁能帮助我编写javascript for time，它由两个下拉框组成：-

小时：分钟

将有0-12小时列表下拉框

和0-59分钟列表下拉框

谢谢

---

编辑：添加了值属性。

不清楚你在问什么。只需要HTML就可以创建两个框。你希望JavaScript做什么？因为我在.js文件中编写代码。这里没有html。如何实现Jordan？简而言之：使用创建元素并设置其属性，然后使用同样的方法在循环中创建元素以设置其文本，然后将其添加为s的子元素，然后再次使用appendChild将其添加到文档中。无值属性。说真的，jQuery是31k的缩微版。在这个问题上，jQuery或任何框架的使用都没有具体说明。此外，无论如何，知道如何在纯JavaScript中实现这一点是很好的。我认为这个答案更准确，对@Mohan更有价值。

function buildTimePicker() {
    var result = document.createElement('span');
    var hours = document.createElement('select');
    hours.setAttribute('id', 'hour');
    for (var h=1; h<13; h++) {
        var option = document.createElement('option');
        option.setAttribute('value', h);
        option.appendChild(document.createTextNode(h + 'h'));
        hours.appendChild(option);
    }
    var minutes = document.createElement('select');
    minutes.setAttribute('id', 'minute');
    for (var m=0; m<60; m++) {
        var option = document.createElement('option');
        option.setAttribute('value', m);
        option.appendChild(document.createTextNode(m + 'm'));
        minutes.appendChild(option);
    }
    result.appendChild(hours);
    result.appendChild(document.createTextNode(" : "));
    result.appendChild(minutes);

    return result;
}

window.onload = function() {
    document.body.appendChild(buildTimePicker());
}