javascript - 将 <select> 值设置为不存在的选项

Question

我有一个带有选项的选择。我需要将下拉列表的默认值设置为不在下拉列表中的值。然后，用户可以保持不变或从选择的选项中选择一个值。

如何实现这一目标？

编辑: 这是场景:我有一组标准化的数据。这将被输入到选择中(作为选项)。渲染后，默认选择一个值。然而，有时，这个值(必须选择)可能不在选项中 - 因此一个好的用户体验是仍然将其显示为所选选项，即使它不在标准化数据中。用户可以保留它或选择“正确”选项。

Answer 1

我假设您的意思是类似于文本输入的占位符。据我所知，执行此操作的唯一方法是禁用所选选项；但是，它必须仍然是标记中的一个选项。例如

<select>
    <option disabled="" selected="" value="">Select one of the Options Below</option>
    <option>Option 1</option>
    <option>Option 2</option>
    <option>Option 3</option>
</select>

制作自己的 javascript 驱动的版本可能会为您提供更好的服务。