javascript - 如何使<select>元素不选择默认选择的第一个选项？

我正在使用jquery interdependencies library构建复杂的表单(当您显示字段取决于其他字段的值时)。

所以，我有<select>元素

<select placeholder="Select Product ID Type" id="form_product_id_type" name="form_product_id_type">
    <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>

如果用户选择选项“01”，那么我应该显示另一个字段“TypeDescription”，用户可以在其中描述他的专有ID方案。如果用户从选择中选择任何其他选项-“TypeDescription”字段将不会出现。

事情是第一选择

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

打开页面时，默认情况下始终选择，因此始终显示“TypeDescription”字段。

有什么方法可以取消选择<select>元素的所有选项？我的目标是当用户打开页面时，他不应看到“TypeDescription”字段。

附加的JSFiddle

最佳答案

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

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

<select>总是选择某些内容。如果用户尚未与控件进行交互，并且<option>元素均不具有“selected”属性，则选择第一个。

我很确定“占位符”对<select>元素不起作用。