Как создать динамический selectmenu в jQuery Mobile?

Question

Я пытаюсь динамически создать элемент select, но он не разработан jQuery Mobile. Каков правильный способ достичь этого?

JSFiddle

Answer 1

Вот рабочий jsFiddle пример: http://jsfiddle.net/Gajotres/dEXac/

$(document).on('pagebeforeshow', '#index', function(){  
    // Add a new select element  
    $('<select>').attr({'name':'select-choice-1','id':'select-choice-1'}).appendTo('[data-role="content"]'); 
    $('<option>').attr({'value':'1'}).html('Value 1').appendTo('#select-choice-1'); 
    $('<option>').attr({'value':'2'}).html('Value 2').appendTo('#select-choice-1');  
    // Enhance new select element 
    $('select').selectmenu(); 
}); 

Также посмотрите на эту ARTICLE, там вы найдете другой способ усиливающего JQuery элементов разметки, или он может HERE.

Answer 2

Стоит отметить, что это должно работать:. (Пример добавляет два варианта, чтобы показать, как добавить варианты

$('<select name="sl" id="sl" data-native-menu="false"><option value="clear">That I got</option></select>').appendTo("#output"); 
$('<option value="clear2">Another That I got</option>').appendTo("#sl"); 
$('select').selectmenu(); 

Answer 3

это работает для меня

$(document).on('change', "body", function(){ 
    $(".ui-selectmenu").selectmenu(); 
});