How to create a new html element in javascript?

Question

I am working on a menu. This script create select menu. I want to add <label> tag.

Output;

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

What I want;

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

Script;

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

Maybe this is very simple question but i don't have any idea how to do that. Sory my bad language. I'm waiting for your help.

Look at api.jquery.com/wrap

Lee Taylor
– Lee Taylor

2014-02-09 12:12:30 +00:00
Commented Feb 9, 2014 at 12:12 — Lee Taylor
– Lee Taylor, Commented Feb 9, 2014 at 12:12
Thank you very much! This method worked.

cgrclk
– cgrclk

2014-02-09 12:27:16 +00:00
Commented Feb 9, 2014 at 12:27 — cgrclk
– cgrclk, Commented Feb 9, 2014 at 12:27

cardeol · Accepted Answer · 2014-02-09 12:16:32Z

1

To add a new element:

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

Or edit your line to

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

Or wrap your element with the select element

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

edited Feb 9, 2014 at 12:16

answered Feb 9, 2014 at 12:11

cardeol

2,25818 silver badges25 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to create a new html element in javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related