选择选项总是选择

Question

我有一个选择选项表单字段设置，如下所示：

<select name="options[]" multiple="multiple">
  <option value="1" selected="selected">Option 1</option>
  <option value="2">Option 2</option>
  <option value="3">Option 3</option>
  <option value="4">Option 4</option>
</select>

用户可以选择多个选项，但我希望选择第一个选项并始终保持选中状态。用户不应取消选择第一个选项，基本上使其成为必填字段。

是否有可能做到这一点？我不介意使用 JavaScript 或 Jquery 来实现这一点，我尝试将选项设置为“已选择”和“已禁用”，但用户仍然可以取消选择第一个选项。

干杯

埃夫

Answer 1

尝试这样的事情（jQuery）：

$('select[name^=options]').change(function () {
    $(this).children(':first').attr('selected', true);
});

Answer 2

每次做出选择时，您都必须（重新）选择该选项。我会使用 onchange() 处理程序。最好稍微修改一下 UI，向用户表明它并不是真正可选的。并确保后端不依赖于所选择的选项，以防 js 关闭或出现错误。