javascript - 如何正确创建水平方向的动态选择？

Question

我想在水平 block 中动态创建select元素。并得到有趣的结果。正确的做法是什么？

JSFiddle

Answer 1

您需要定义要附加新元素的位置。为此，请使用 .after()。然后您需要在生成/修改的控件组上应用样式。

此处演示:http://jsfiddle.net/Palestinian/rKGtQ/

代码:

// append select menu after Button div
$("#Button_show_filters").after('<select id="sm"><option>Opt 1</option><option>Opt 2</option></select>');

// apply styles on select menu
$("#sm").selectmenu();

// add options to controlgroup 
$( "#test" ).controlgroup( "option", "corners", true );

// create controlgroup
$( "#test" ).controlgroup().trigger('create');

控制组 div ID 为 #test。