[英]Display value in html <select> from sessionStorage
我有以下选择,允许用户选择颜色。
<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);
}
在页面刷新时,您只需要从sessionStorage
取回值并将其设置为您的模型colorToSet
例如:
$scope.colorToSet = sessionStorage.getItem("color") || '';
尝试使用
sessionStorage.getItem("colorToSet")
let color = sessionStorage.getItem("color") || '';
并将值设置为颜色
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.