使用jQuery设置要在第一个位置显示的选项

我有一个选择元素,有一些选项:

 choose gate1 gate2  

用户选择一个选项并提交表单。 数据存储。 每当用户回来时,我希望先前保存的选项显示在select元素的顶部,而不是选择。

我是这样做的

 $("#choose").val("2"); 

它只是突出显示列表中的选项,但选择仍然是第一个元素。 我该如何做到这一点?

听起来您想要在选择项目后将所选项目移动到顶部。

只需绑定到change事件并找到所选选项并将其添加到#choose

 var choose = $("#choose").bind('change',function(){ choose.find('option:selected').prependTo(choose); }); 

http://jsfiddle.net/petersendidit/ZuhqS/1/

 var prevSelVal = 2; if(prevSelVal!=0){ var elem = $('#g' + prevSelVal).remove(); $('#first').remove(); $('#choose').prepend(elem); } 

上面的代码从列表中删除元素并将其放在顶部。 它还会删除您的“选择”元素。

prepend应该做的伎俩:

 var choose = $('#choose'); choose.val(2).prepend(choose.find('[value="2"]')); 

请参阅: http : //jsbin.com/ipewe/edit这是一个示例……

     Sandbox     

Hello from JS Bin