2

ページのリロード時に、選択した値を保持する必要があります。ドロップダウン選択メニューにjQueryで複数選択プラグインを使用しています。これは可能ですか？よくわからないので、おかしなことを言っていたらすみません。:)

<select multiple="multiple" style="width: 135px;" name="platform[]" id="platform">
<option value="platform_1">Platform 1</option>
<option value="platform_2">Platform 2</option>
</select>

<select id="2" multiple="multiple" style="width: 165px;" name="features[]" id="features">
<optgroup label="Group One">
<option value="feature_1">Feature 1</option>
<option value="feature_2">Feature 2</option>
<option value="feature_3">Feature 3</option>
<option value="feature_4">Feature 4</option>
<option value="feature_5">Feature 5</option>
<optgroup label="Group Two">
<option value="feature_6">Feature 6</option>
<option value="feature_7">Feature 7</option>
<option value="feature_8">Feature 8</option>
</select>
4

1 に答える 1

3

必要になる可能性のあるものの例を次に示します。

$("#platform").val(getCookie("platform"));
$("#2").val(getCookie("feature"));

$("#platform option").click(function(){
    document.cookie = "platform="+$(this).val();
});
$("#2 option").click(function(){
    document.cookie = "feature="+$(this).val();
});

function getCookie(c_name) {
var i,x,y,ARRcookies=document.cookie.split(";");
for (i=0;i<ARRcookies.length;i++) {
 x=ARRcookies[i].substr(0,ARRcookies[i].indexOf("="));
 y=ARRcookies[i].substr(ARRcookies[i].indexOf("=")+1);
  x=x.replace(/^\s+|\s+$/g,"");
  if (x==c_name)
    {
    return unescape(y);
    }
  }
}

jsfiddle

于 2012-11-16T16:00:48.977 に答える