javascript - 検索モジュールの選択リストから選択したオプションを記憶する

Question

複数の選択リストを含む検索フォームがあります。ユーザーの最後の選択を記憶し、次のページで「デフォルト」値として設定する必要があります。Jquery Cookie Plugin を使用していますが、1 つのリストに対して 1 つの選択しか記憶しません。すべての選択を覚えるにはどうすればよいですか? これはフォームの例です:

    <form action="/component/sobipro/" method="post" id="XTspSearchForm141" >
    <input type="submit" id="XTtop_button" name="search" value="Search" class="button" onclick="this.form.sp_search_for.focus();extSearchHelper141.extractFormValues();"/>
    <select id="XTfield_localita" name="field_localita" class="XTSPSearchSelect" >
    <option value=""> --- Seleziona Località  --- </option>
    <optgroup label="Italy">
    <option value="localita_option_1">Rome</option>
    </optgroup>
    <optgroup label="France">
    <option value="localita_option_2">Paris</option>
    </optgroup>
    </select>
    <select id="XTfield_stile" name="field_stile" class="XTSPSearchSelect" >
<option value=""> --- Seleziona Stile  --- </option>
    <option value="stile_option_1">Arte</option>
    <option value="stile_option_2">Business</option>
    </select>
    </form>

これはスクリプトです：

<script text= type='text/javascript'> 

jQuery(function() {

    jQuery('XTspSearchForm141').submit(function(e) {
         if (jQuery.cookie('my_cookie') ) { jQuery.cookie( 'my_cookie', null) }
        jQuery.cookie('my_cookie', 'my_value', { expires: 30 });
    });
});

</script>


<script text= type='text/javascript'> 

var $c = jQuery.noConflict();
//checks if the cookie has been set
if($c.cookie('remember_select') != null) {
// set the option to selected that corresponds to what the cookie is set to
$c('.XTSPSearchSelect option[value="' + $c.cookie('remember_select') + '"]').attr('selected', 'selected');
}
// when a new option is selected this is triggered
$c('.XTSPSearchSelect').change(function() {
// new cookie is set when the option is changed
$c.cookie('remember_select', $c('.XTSPSearchSelect option:selected').val(), { expires: 90, path: '/'});
});

</script>

何か案は？