使用jQuery设置要在第一个位置显示的选项
我有一个选择元素,有一些选项:
choose gate1 gate2
用户选择一个选项并提交表单。 数据存储。 每当用户回来时,我希望先前保存的选项显示在select元素的顶部,而不是选择。
我是这样做的
$("#choose").val("2");
它只是突出显示列表中的选项,但选择仍然是第一个元素。 我该如何做到这一点?
听起来您想要在选择项目后将所选项目移动到顶部。
只需绑定到change事件并找到所选选项并将其添加到#choose
var choose = $("#choose").bind('change',function(){ choose.find('option:selected').prependTo(choose); });
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