[英]How to make <select> element not to choose first option as selected by default?
我正在使用jquery相互依赖库来构建复杂的表单(当你显示字段依赖于来自其他字段的值时)。
所以,我有<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方案。 如果用户从select中选择任何其他选项 - 将不会出现“TypeDescription”字段。
事情就是第一个选择
<option label="01 - Proprietary" value="01">01 - Proprietary</option>
在打开页面时始终默认选中,因此始终显示“TypeDescription”字段。
有没有办法取消选择<select>
元素的所有选项? 我的目标是当用户打开页面时,他不应该看到字段“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>
<select>
总是有选择的东西; 如果用户没有与控件交互,并且<option>
元素都没有“selected”属性,则选择第一个。
我很确定“占位符”对<select>
元素没有任何作用。
在顶部添加一个没有值的选项。 placeholder
属性不适用于选择框。
<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>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.