Question

我想在function document.ready。

的起始页面上动态创建一个带选项的选项

我可以这样做吗？

我试试，但它不起作用。

 $('#form').append('<select id="myselect" name="myselect">/select>');
    $('#myselect').append('<option  title="#" value="">GREEN</option>');

谢谢。

Answer 1

尝试此操作：将代码包装在document.ready中，并将select标记附加到表单中。请确保select和option代码正确关闭。

$(document).ready(function(){
$('#form').append('<select id="myselect" name="myselect"><option  title="#" value="">GREEN</option></select>');
});

Answer 2

Programmatically create select list

这应该是创建选择的更好方法，然后你可以这样做：

$('#form').append(sel);

Answer 3

jquery中关闭select元素的html标记时出错。也尝试使用appendTo之类的，

$('<select id="myselect" name="myselect"></select>').appendTo('#form')
   //--- also check the closing html tag ^-- is proper
    .append('<option  title="#" value="">GREEN</option>');

或者您可以在一次通话中使用它，例如

var myselect='<select id="myselect" name="myselect">' +
                '<option  title="#" value="">GREEN</option>' +
             '</select>';
$('#form').append(myselect);

jquery创建select append document.ready

3 个答案: