如何添加空白 <option>一个元素<option>清单？
[英]How do I add a blank <option> element to a <option> list?
问题描述
Situation: 
情况：
I have an option list like 我有一个类似的option列表
<select class="database-column-name" name="caseid">
<option value="1">1</option>
<option value="2">1</option>
<option value="3">1</option>
</select>
and by default there is no option selected, but when you select an option you can't go back to selecting none again! 默认情况下，没有option任何option ，但是当您选择一个option您将无法返回选择任何一个！ This messes up the user experience of my page because I need the user to be able to selected no option at all. 这使我的页面的用户体验混乱，因为我需要用户根本不能选择任何选项。
Question: 题：
Is there a hack to get around this? 有没有解决的办法？
3 个解决方案
解决方案1
1 2015-08-13 00:41:52
Is as simple as this 就这么简单
<select class="database-column-name" name="caseid">
<option value=" ">--Select--</option>
<option value="1">1</option>
<option value="2">1</option>
<option value="3">1</option>
</select>
解决方案2
0 2015-08-13 00:42:07
$("select.database-column-name option").prop("selected", false);
您可能有一个“清除选择”按钮，或者某些东西触发了此代码。
解决方案3
-1 2015-08-13 00:47:49
The preceding answer is a really good choice. 前面的答案是一个非常好的选择。 The only recommendation that I would add to it is to make the value for the first item a "0"(zero), which allows your post-processing code to look for a specific value to ensure "no selection". 我唯一要添加的建议是将第一个项目的值设置为“ 0”（零），这使您的后处理代码可以查找特定值以确保“无选择”。 Granted, you can look for " ", but that's easy to confuse with "". 当然，您可以寻找“”，但这很容易与“”混淆。
<select class="database-column-name" name="caseid">
<option value="0">--Select--</option>
<option value="1">1</option>
<option value="2">1</option>
<option value="3">1</option>
If you want to have an actual blank show, rather than a phrase like "--Select--" then simply replace the "--Select--" text with a space. 如果要进行实际的空白显示，而不是像“ --Select--”这样的短语，则只需将“ --Select--”文本替换为空格。
<html>
<body>
<select class="database-column-name" name="caseid">
<option value="0"> </option>
<option value="1">option 1</option>
<option value="2">option 2</option>
<option value="3">option 3</option>
</select>
The "value" portion is not displayed and is present to simplify code-based analysis of the selected option. “值”部分不会显示，而是用来简化对所选选项的基于代码的分析。 In this case, a value of "0" would mean that no option has been selected. 在这种情况下，值“ 0”将表示未选择任何选项。
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.