jquery create select select append document.ready

Question

我想在函数document.ready的起始页面上动态地创建一个select选项。

我可以这样做吗？

我尝试，但它不起作用。

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

谢谢。

Answer 1

有与jQuery的选择元素的您的交易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); 

Answer 2

试试这个：把你的代码包装在document.ready里面并且附加select标签来形成。请确保select和option标签正确关闭。

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

Answer 3

Programmatically create select list

这应该是一个更好的方式来创建选择，那么你可以做：

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