Chosen select 动态插入option作为首选项的实现方法

你使用的append()方法作用是将元素插入到父节点的子元素末尾，所以新增选项会出现在列表最后，替换为prepend()方法即可将新选项插入到最前面：

$('#Country').prepend( new Option('USA',2) );
$('#Country').trigger("chosen:updated");

如果需要插入后默认选中该新增选项，可以调整new Option的参数：

// 第三个参数指定是否为默认选中项，第四个参数指定是否当前选中
$('#Country').prepend( new Option('USA',2, true, true) );
$('#Country').trigger("chosen:updated");

如果有插入到指定位置的需求，可以通过before()方法实现，比如要插入到原有第二个选项前面：

// eq()的索引从0开始计算，eq(1)对应原有第二个选项
$('#Country option').eq(1).before( new Option('USA',2) );
$('#Country').trigger("chosen:updated");

内容的提问来源于stack exchange，提问作者WTE