使用javascript創建動態下拉菜單

Question

您好，我想使用JavaScript創建動態下拉菜單，但無法正常工作。

我的PHP代碼：

<input type="button" onclick="javascript:addRow();" value="Add Row" name="addRow"/>

我的JS代碼：

// This function is used to create dynamic form element
function addRow() {
    var opt = document.createElement("option");
    element = document.createElement("select");
    element.setAttribute('id', 'focus');
    element.options.add(opt);
}

PS：它沒有給出任何js控制台錯誤。

Answer 1

您沒有將元素添加到主體，因此它不會顯示

// This function is used to create dynamic form element
function addRow() {
    var opt = document.createElement("option");
    element = document.createElement("select");
    element.setAttribute('id', 'focus');
    element.options.add(opt);
    document.body.appendChild(element);
}