我正在使用Harvest选择的插件和Jquery。一切正常,当我选择其中一个选项时,会选择一些样式:我使用(允许在单选上取消选择):link。
问题是当我刷新页面时,我希望重新渲染所选的值。
我试图理解选择属性的方法,例如:Chosen.result_activate()或 Chosen.result_select(),但我不确定如何使用它们。
这是我的HTML:
<div id="container">
<div class="side-by-side clearfix">
<div class="side-by-side clearfix">
<select id ="combooptions" data-placeholder="Search drafts" style="width:200px" class="chzn-select-deselect" tabindex="7">
<option value=""></option>
</select><span style="margin-left:5px;cursor:pointer;color:blue;text-decoration:underline;" id="draftInsert"> Insert</span>
</div>
</div>
</div>
修改
实际上我的样本不在jQuery(document).ready()中但是在单独的函数中,它一直在重新加载。实际上是 不刷新页面,而是更新面板刷新。对于某事很抱歉 误解。我的页面没有重新加载文件。我猜想。
这是我的js:
var saveseleted='';
jQuery(document).ready(function ($) {
for (var i in combonews) {
jQuery("#combooptions").append("<option value='" + combonews[i][0] + "'>" + combonews[i][1] + "</option>");
}
jQuery(".chzn-select-deselect").chosen({ allow_single_deselect: true });
jQuery('#combooptions').change(function () {
saveseleted= jQuery("#combooptions :selected").val();
});
});
然后我在页面刷新后我需要自动重新选择'saveselected'选项值。
请帮助我,
更新
jQuery("#combooptions option").eq(saveseleted).attr('selected', 'selected');
不起作用
答案 0 :(得分:3)
我猜这可能就是答案:
jQuery("#combooptions").val(saveseleted); //update the value first
jQuery("#combooptions").trigger("liszt:updated"); //trigger this event
此触发事件将强制插件更新。