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

Question

我有一个选择选项。我需要将下拉列表的默认值设置为不在下拉列表中的值。然后，用户可以保持相同，或者从选择中的选项中选择一个值。 怎么能实现这一目标？ 编辑： 这是场景：我有一组规范化的数据。这被送入select（作为选项）。渲染后，默认选择一个值。但是，有时候，这个值（必须选择）可能不在选项中 - 所以一个好的用户体验仍然会将其显示为选定的选项，即使它不在标准化数据中。用户可以将其保留或选择“正确”选项。

Answer 1

我认为你的意思是占位符类似于文本输入。我知道这样做的唯一方法是禁用所选的选项;但是，必须仍然是标记中的一个选项。 e.g。

＆＃13;

＆＃13;

<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>

＆＃13;

＆＃13;

＆＃13;

使用自己的javascript驱动程序可能会更好。