尝试使用Javascript和jQuery创建动态选择框
我不是前端开发人员,我正在尝试创建一个选择框,并使用Javascript和jQuery完全动态地添加它的选项 我快到了,但是我在向div块添加每个新的select时遇到了一个问题。在不同的时间,select的数量是不同的 到目前为止,我可以显示以下代码中创建的最后一个select,但不显示span标记尝试使用Javascript和jQuery创建动态选择框,javascript,jquery,drop-down-menu,Javascript,Jquery,Drop Down Menu,我不是前端开发人员,我正在尝试创建一个选择框,并使用Javascript和jQuery完全动态地添加它的选项 我快到了,但是我在向div块添加每个新的select时遇到了一个问题。在不同的时间,select的数量是不同的 到目前为止,我可以显示以下代码中创建的最后一个select,但不显示span标记 $('#meeting-eft-time-unit-data').append('<span>').html(se).append('</span>'); 或者我只是得到
$('#meeting-eft-time-unit-data').append('<span>').html(se).append('</span>');
或者我只是得到下面的列表
$('#meeting-eft-time-unit-data').append('<span>' + se + '</span>');
object HTMLSelectElement][object HTMLSelectElement][object HTMLSelectElement][object HTMLSelectElement][object HTMLSelectElement]
代码如下:
$.each(event_type_time_units,
function(index, optionData) {
var se = document.createElement("select");
// give it a name from 'name'
se.name = 'eft[' + optionData.name + ']';
// populate it from 'range_from .. range_to
for(var i=optionData.range_from; i <= optionData.range_to; i++) {
var option = new Option(i, i);
if ($.browser.msie) {
se.add(option);
} else {
se.add(option,null);
}
}
// add display name to a label in a div block
$('#meeting-eft-time-unit-headers').append('<span>' + optionData.display_name + '</span>');
// add select to a div block
/**
This gives me the a good select but only the last one processed is displayed
$('#meeting-eft-time-unit-data').append('<span>').html(se).append('</span>');
or
This gives the text as explained above
$('#meeting-eft-time-unit-data').append('<span>' + se + '</span>');
**/
});
尝试:
尝试:
太棒了。非常感谢。这是一条捷径吗?如果是的话,有初学者的写作方法吗?不,这不是一条真正的捷径,事实上可能还有一条更短的方法创建一个span DOM元素——我从未见过任何jquery需要专门添加开始和结束标记。“附加”是关于附加元素,而不是文本。@ants-您可能希望单击答案旁边的勾号-它有助于您获得“%accepted”分数;太棒了。非常感谢。这是一条捷径吗?如果是的话,有初学者的写作方法吗?不,这不是一条真正的捷径,事实上可能还有一条更短的方法创建一个span DOM元素——我从未见过任何jquery需要专门添加开始和结束标记。“附加”是关于附加元素,而不是文本。@ants-您可能希望单击答案旁边的勾号-它有助于您获得“%accepted”分数;
$('#meeting-eft-time-unit-headers').append($('<span/>').append(se));