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

Question

任何人都可以帮我解决如何在javascript中编写包含2个下拉框的时间： -

小时：分钟

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

和0-59列表的分钟下拉框。

谢谢..

Answer 1

http://jsfiddle.net/AyJKM/1/

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());
}

修改：添加了值属性。