1
我有一个正常的选择菜单和属性multiple=yes
selectmenu。当用户选择多个选项时,如何存储第二个选择菜单的值?如果用户只选择一个选项,则该代码有效,但在选择2个或更多选项时,该代码根本不存储任何内容。我的代码是:选择菜单多个会话存储
<!DOCTYPE html>
<html>
<head>
<script src="//code.jquery.com/jquery-1.11.0.min.js"></script>
<script src="https://github.com/yckart/jquery.storage.js"></script>
<meta charset="utf-8">
<title>test</title>
<script type="text/javascript">
$(function() {
$("#btn").click(function() {
var item1 = $("#sel option:selected").text();
var item2 = $("#sel2 option:selected").text();
sessionStorage.setItem("sele", item1);
sessionStorage.setItem("sele2", item2);
});
var ty = sessionStorage.getItem("sele");
var ty2 = sessionStorage.getItem("sele2");
if(ty){
//Set the value of select from sessionStorage
$('#sel option').filter(function() { return $(this).html() == ty; }).prop('selected', true);
$('#sel2 option').filter(function() { return $(this).html() == ty2; }).prop('selected', true);
}
});
</script>
<script type="text/javascript">
$(function() {
$("#btn2").click(function() {
sessionStorage.removeItem("sele");
sessionStorage.removeItem("sele2");
});
});
</script>
</head>
<body>
<section>
<article>
<select id="sel">
<option value="1">Volvo</option>
<option value="2">Saab</option>
<option value="3">Mercedes</option>
<option value="4">Audi</option>
</select>
<br />
</article>
</section>
<section>
<article>
<select id="sel2" multiple="yes">
<option value="1">Volvo</option>
<option value="2">Saab</option>
<option value="3">Mercedes</option>
<option value="4">Audi</option>
</select>
<br />
<input type="button" value="Store" id="btn" /><br> <input type="button" value="Clear" id="btn2" />
</article>
</section>
</body>
</html>