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);