[英]How to create a new html element in javascript?
I am working on a menu. 我正在菜单上。 This script create select menu. 该脚本创建选择菜单。 I want to add <label>
tag. 我想添加<label>
标签。
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. 我在等你的帮助。
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 或者用select元素包装您的元素
var select = $('<select name="select_box" id="select_box" />');
select.wrap( "<label></label>" );
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.