2013-02-21 80 views
0

我正在使用JQuery收穫選擇插件。一切工作正常,當我選擇其中一個選項時,選擇了一些樣式應用到它:我正在使用(允許取消選擇單選):link用「選定」插件重新選擇所選選項。 JQuery

問題是當我刷新頁面時,我希望重新渲染選定的值。

我試圖理解Chosen屬性的一個方法,比如: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的(文件)。就緒(),但在不同的功能,這是重新加載所有time.And實際上是 不是刷新頁面,而是一個updatepanel刷新。對於 誤解抱歉。我的網頁沒有重新加載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」選項的值。

請幫助我,

UPDATE:

jQuery("#combooptions option").eq(saveseleted).attr('selected', 'selected'); 

不工作

+0

有什麼辦法可以提供演示頁面來說明問題嗎?看到整個事情可能會有所幫助。一個[jsFiddle](http://jsfiddle.net)會很棒。 – 2013-02-21 15:49:54

+0

好吧,給我一點時間。謝謝 – INgeek 2013-02-21 15:52:19

+0

對不起,如果它聽起來很愚蠢,但我不得不問它。你試過jQuery(「#combooptions」)。val(saveseleted)? – luckystars 2013-02-21 15:53:56

回答

3

我猜這可能是答案:

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

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

此觸發事件將強制插件得到更新。

+0

WOW,首先我沒有注意,但我嘗試了,然後....我不能相信它的工作。我只是把這兩行代碼:)謝謝user2008945和安東尼克里斯特以及你讓我的一天。順便說一下,我不太明白'liszt'是什麼。它是指任何插件方法,或...?任何方式 – INgeek 2013-02-21 16:26:36

+1

我也沒有..我想它只是一個名爲選擇的事件,以避免與其他插件(因爲它的奇怪的名稱)的任何衝突和被「選擇」插件跟蹤以獲取何時更新自己的信號。 – luckystars 2013-02-21 20:09:00

+0

記住在版本1.0.0中,您需要將liszt更改爲: https:// github。COM/harvesthq /選擇/釋放/標籤/ 1.0.0 – starryknight64 2013-10-26 00:09:35