添加“选定”使用选项值的属性

Question

我有一个包含 10 个选项的选择框。每次您选择一个选项时，它都会在本地存储中设置您使用 id“select1”选择的值。

例如：如果您选择本地存储中的第一个选项：键：Emailclient - 值：Option1。

现在，Iom 尝试将 localstorage 的值设置为 select 表单中的 selected 属性。

这是我尝试过的，但似乎不起作用：

if (localStorage.getItem("Select1") == "Option1"){ 
    $('#selectbox').val("Option1").attr("selected");
}

我做错了什么？

编辑：

这是我的代码：

<select id="selectbox" >
                        <option>Default</option>
                        <option>Option 1</option>
                        <option>Option 3</option>
                        <option>Option 3</option>
                        <option>Option 4</option>
                        <option>Option 5</option>
                        <option>Option 6</option>
        </select>

谢谢

Answer 1

这有效：

var optionValue  = localStorage.getItem("Select1")
$("#selectbox").val(optionValue)
.find("option[value=" + optionValue +"]").attr('selected', true);

Answer 2

我想你可能正在寻找这样的东西。 http://jsfiddle.net/tnPU8/3/

它循环选择框的选项并将它们的值与 b 的值进行比较。如果它们相等，则更改选择框的索引，以便显示包含 b 值的选项。

var b; //set equal to what you want to compare
$('#selectbox').find('option').each(function(i,e){
    console.log($(e).val());
    if($(e).val() == b){
        $('#selectbox').prop('selectedIndex',i);
    }
});

编辑：使用 localStorage http://jsfiddle.net/tnPU8/7/

Answer 3

试试这个：

if (localStorage.getItem("Select1") == "Option1"){ 
    $('#selectbox option:contains(Option1)').prop('selected',true); // jquery 1.6+
}

如果您使用的 jQuery 版本早于 1.6，请将 .prop 替换为 .attr

编辑：更动态的版本

if (localStorage.getItem("Select1")) {
  $('#selectbox option:contains(' + localStorage.getItem("Select1") + ')').prop('selected',true);
}

Answer 4

经过进一步审查，您似乎想要一些功能更齐全的链接

search = "Option 5";
$('#selectbox option:contains('+search+')').prop('selected',true);

Answer 5

这就是您所需要的：

$("#selectbox").val(localStorage.getItem("selectbox"));

我已经更新了之前的小提琴示例：
http://jsfiddle.net/uY7ck/1/

编辑：
在您最初发布的代码中，假设您使用相同的选择框设置 localStorage，您将比较“Option1”（无空格）与“Option 1”（空格）。这种比较永远不会起作用，因此永远不会选择该选项。