如何在JavaScript中創建新的html元素？

Question

我正在菜單上。 該腳本創建選擇菜單。 我想添加<label>標簽。

輸出;

<select name="select_box" id="select_box">
</select>

我想要的是;

<label>
<select name="select_box" id="select_box">
</select>
</label>

腳本;

$(function() {

var select = $('<select name="select_box" id="select_box">').appendTo('#nav');
    $('#nav li').each(function() {
        var li = $(this),
            a = li.find('> a'),
            p = li.parents('li'),
            prefix = new Array (p.length + 1).join('-');
        var option = $('<option>')
            .text(prefix + ' ' + a.text())
            .val(a.attr('href'))
            .appendTo(select);
    });
});
$(function() {
    $("<option>", {
        "selected": "selected",
        "value": "",
        "text": "Menü Seçiniz..."
    }).prependTo("#nav select");
});
$(function() {
    $('#nav select').on('change', function() {
        var url = $(this).val();
        if (url) {
            window.location = url;
        }
        return false;
    });
});

也許這是一個非常簡單的問題，但是我不知道該怎么做。 對不起，我的語言不好。 我在等你的幫助。

Answer 1

要添加新元素：

var $newlabel = $("<label />").html($("#select_box"));

或將您的行編輯為

var select = $('<label><select name="select_box" id="select_box"></label>').find("select");

或者用select元素包裝您的元素

var select = $('<select name="select_box" id="select_box" />');
select.wrap( "<label></label>" );