提交表单后删除下拉选择

Question

我有一个表单，一个用户每天填写10次，他们从下拉列表中选择一个选项，然后填写表单并提交。我正在尝试找到一种方法，在提交后删除该选项，或者将其突出显示为绿色。

选择下拉列表如下所示...

<select id="lineDropdown" name="linedropdown">
 <option value="Reflow 2">Reflow 2</option>
 <option value="Reflow 3">Reflow 3</option>
 <option value="Reflow 4">Reflow 4</option>
 <option value="Reflow 5">Reflow 5</option>
 <option value="Reflow 6">Reflow 6</option>
 <option value="Reflow 7">Reflow 7</option>
 <option value="Reflow 8">Reflow 8</option>
 <option value="Reflow 9">Reflow 9</option>
 <option value="Reflow 10">Reflow 10</option>
 <option value="Cam 1">CAM 1</option>
 <option value="Cam 2">CAM 2</option>
</div>
</select>

因此，一旦他们选择了'Reflow2‘，例如，并提交表单。需要隐藏/移除或用颜色突出显示。然后第二天一切都恢复正常。这可以做到吗？

Answer 1

您可以检查当前用户已经选择了哪些选项，您可以将这些选项保存在本地存储中，并且在向用户显示选项时不会显示已经选择的选项

    function saveOption(val) {
   var options = localStorage.getItem('options');
   options.push(val);
}
  function filterOptions (opt) {
var options = localStorage.getItem('options');
  return opt.filter((o) => options.indexOf(o) <= 0):
)}