使用“selected”插件重新选择所选选项。 JQuery的

时间:2013-02-21 15:10:15

标签: jquery jquery-plugins

我正在使用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');

不起作用

1 个答案:

答案 0 :(得分:3)

我猜这可能就是答案:

 jQuery("#combooptions").val(saveseleted);  //update the value first

 jQuery("#combooptions").trigger("liszt:updated");   //trigger this event

此触发事件将强制插件更新。