jquery create select append document.ready

Question

Я хотел бы создать динамический выбор с параметрами на начальной странице функции document.ready.

Могу ли я это сделать?

Прошу, но это не работает.

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

спасибо.

Answer 1

Существует ошибка с закрывающей HTML-теге выберите элемент в JQuery. Также попробуйте использовать 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);