Question

<select id="networkCapacityList" name="networkCapacityList" class="long select2-hidden-accessible" tabindex="-1" aria-hidden="true">
<option value="">Please Select</option>
<option value="221">Business 1</option>
<option value="456">Business 2</option>
<option value="843">Business 3</option>

 $('#networkCapacityList').on('change', function () {
 var businessID = $(this).val();
 var holdBusinessID = localStorage.setItem("businessID", businessID);
 location.reload();

}）;

 getbusinessID = localStorage.getItem("businessID");


 $("#networkCapacityList").find("[value="+getbusinessID+"]").prop("selected", true);
//$("#networkCapacityList option[value="+getbusinessID+"]").prop('selected', true);
//$('#networkCapacityList option').filter('[value="' + getbusinessID + '"]').prop('selected', 'selected');

我正在从用户操作中获取公司ID。我将此数据保存在localStorage对象中。我必须重新加载页面才能解决某些功能问题。然后，我可以获取商家ID。

重新加载位置后，浏览器将丢失所有用户操作。因此，下拉列表显示“请选择”作为默认值。我想预设值在选择上。我尝试了所有可用选项，但均未成功。我从本地存储正确获取了业务ID。

例如：

$("#networkCapacityList").find("[value="+getbusinessID+"]").prop("selected", true);
$("#networkCapacityList").find("[value="+221+"]").prop("selected", true);

任何帮助将不胜感激。

Answer 1

仅测试了您的代码及其在jquery 1.11.3中的正常工作，我怀疑问题可能与jquery版本有关...让我们更改代码以为下拉列表分配值，然后重试：

$("#networkCapacityList").find("[value="+getbusinessID+"]").prop("selected", true);

到

$("#networkCapacityList").val(getbusinessID);

加载页面后设置下拉值

1 个答案: