Javascript 如何使元素不选择默认选中的第一个选项？

当显示依赖于其他字段的值的字段时，我使用它来构建复杂表单

所以，我有元素

如果用户选择选项01，那么我应该显示另一个字段TypeDescription，用户可以在其中描述其专有id方案。如果用户从选择中选择任何其他选项，则不会显示“类型说明”字段

问题是第一个选择

<option label="01 - Proprietary" value="01">01 - Proprietary</option>

在打开页面时，默认情况下始终选中，因此始终显示字段TypeDescription

有没有办法从元素中取消选择所有选项？我的目标是当用户打开页面时，他不应该看到字段TypeDescription

---

附加的

唯一的方法是添加一个空选项

<select placeholder="Select Product ID Type" id="form_product_id_type" name="form_product_id_type">
    <option selected value="">Select Product ID Type</option>
    <option label="01 - Proprietary" value="01">01 - Proprietary</option>
    <option label="02 - ISBN-10" value="02">02 - ISBN-10</option>
    <option label="03 - GTIN-13" value="03">03 - GTIN-13</option>
    <option label="04 - UPC" value="04">04 - UPC</option>
    <option label="05 - ISMN-10" value="05">05 - ISMN-10</option>
    ...
</select>

A总是有选择的东西；如果用户没有与控件交互，并且所有元素都没有选定的属性，那么将选择第一个元素

---

我很确定占位符对元素没有任何作用。

在顶部添加一个没有值的选项。占位符属性不适用于选择框

<select id="form_product_id_type" name="form_product_id_type">
    <option value="">Select Product ID</option>
    <option label="01 - Proprietary" value="01">01 - Proprietary</option>
    <option label="02 - ISBN-10" value="02">02 - ISBN-10</option>
    <option label="03 - GTIN-13" value="03">03 - GTIN-13</option>
    <option label="04 - UPC" value="04">04 - UPC</option>
    <option label="05 - ISMN-10" value="05">05 - ISMN-10</option>
    ...
</select>

---

你不能先放一个空选项吗？试试：$form\u product\u id\u type.propselectedIndex，-1@cookiemonster是的，看起来这段代码满足了我的需要。但由于问题可以用纯html解决，我更喜欢这种方式。无论如何，谢谢你的回答：

<select id="form_product_id_type" name="form_product_id_type">
    <option value="">Select Product ID</option>
    <option label="01 - Proprietary" value="01">01 - Proprietary</option>
    <option label="02 - ISBN-10" value="02">02 - ISBN-10</option>
    <option label="03 - GTIN-13" value="03">03 - GTIN-13</option>
    <option label="04 - UPC" value="04">04 - UPC</option>
    <option label="05 - ISMN-10" value="05">05 - ISMN-10</option>
    ...
</select>