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>" );

如何在javascript中创建一个新的html元素？

1 个答案: