javascript - 使用 jquery 设置从选择下拉列表中选择的选项

Question

我有一个选择下拉列表，有 n 个选项，我想在页面加载时，我之前选择的选项应该使用 jquery 在下拉列表中选择:

这是我的 html 代码:

<select id="myList">
<option value="1">first</option>
<option value="2">second</option>
<option value="3">third</option>
</select>

<input type="hidden" value="1" id="hiddenoptionid" />

这是我的 jquery 代码:

$(document).ready(function() {
var projectId=document.getElementById("hiddenoptionid").value;
$("#myList option[value="+projectId+"]").attr("selected", "selected");
});

$("#projectlist").on('change', function() {
            var id = $(this).val();
document.getElementById("hiddenoptionid").value=id;
location.reload(); 
});

谢谢。

Answer 1

您可以使用类似，

$(document).ready(function(){
   $("#projectlist").val($("#hiddenoptionid").val());
});

请注意，如果您重新加载页面，$("#hiddenoptionid").val() 将再次重置为 1。如果您想保留该值，请使用 cookie