Question

情况：

我有一个option列表，如

<select class="database-column-name" name="caseid">
     <option value="1">1</option> 
     <option value="2">1</option> 
     <option value="3">1</option> 
</select>

并且默认情况下没有选择option，但是当您选择option时，您无法再次选择无人！这会弄乱我的页面的用户体验，因为我需要用户根本不能选择任何选项。

问题：

有没有可以解决这个问题？

Answer 1

就像这个一样简单

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

Answer 2

$("select.database-column-name option").prop("selected", false);

你可以有一个明确的选择＆＃34;按钮或其他东西触发此代码。

Answer 3

前面的答案是一个非常好的选择。我要添加的唯一建议是将第一个项的值设为＆＃34; 0＆＃34;（零），这允许您的后处理代码查找特定值以确保＆＃34;没有选择＆＃34;。当然，你可以寻找＆＃34; ＆＃34;，但很容易与＆＃34;＆＃34;混淆。

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

如果你想要一个真正的空白节目，而不是像＆＃34; - 选择 - ＆＃34;然后简单地替换＆＃34; - 选择 - ＆＃34;带空格的文字。

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

＆＃34;值＆＃34;部分未显示且存在以简化所选选项的基于代码的分析。在这种情况下，值为＆＃34; 0＆＃34;意味着没有选择任何选项。

如何将空白<option>元素添加到</option> <option>列表中？

3 个答案: