从 sessionStorage 在 html <select> 中显示值答案

【问题标题】：Display value in html <select> from sessionStorage从 sessionStorage 在 html <select> 中显示值
【发布时间】：2020-04-01 22:01:01
【问题描述】：

我有以下选择，允许用户选择颜色。

<select id="colorChoice" class="form-control text-center" ng-model="colorToSet" ng-change="setColor(colorToSet)">
  <option class="dropdown-item" ng-repeat="color in colors" value="{{color}}">{{color}}</option>
</select>

实际上，下拉项是空白的，打开时会显示颜色选项。用户选择一种颜色，该颜色会显示在下拉项上。

但是当页面刷新时，该值不会一直显示在下拉项中。

我现在将该值保存到 sessionStorage 中，我想在页面刷新时显示它。

$scope.colors = ['red', 'green', 'orange', 'blue'];

$scope.setColor = function(colorToSet) {
  sessionStorage.setItem("color", colorToSet);
}

【问题讨论】：

标签： javascript html css angularjs

【解决方案1】：

在页面刷新时，您只需从sessionStorage 取回值并将其设置为您的模型colorToSet，例如：

$scope.colorToSet = sessionStorage.getItem("color") || '';

【讨论】：

【解决方案2】：

尝试使用

sessionStorage.getItem("colorToSet")

让颜色 = sessionStorage.getItem("color") || '';

并将值设置为颜色

【讨论】：