原型 - 如何从下拉列表中取消选择所选值

Question

如何使用Prototype从下拉列表中取消选择所选值.

从

<select id=“mylist” MULTIPLE >
<option value=“val-1”>Value 1</option>
<option value=“val-2” SELECTED>Value 2</option>
<option value=“val-3”>Value 3</option>
</select>

至

<select id=“mylist” MULTIPLE >
<option value=“val-1”>Value 1</option>
<option value=“val-2”>Value 2</option>
<option value=“val-3”>Value 3</option>
</select>

在此先感谢您的帮助.

Answer 1

我不知道如何在原型中做到这一点,但我可以用JavaScript做到这一点.

对于常规选择,请设置yourSelectElement.selectedIndex = -1.

对于多选择,你可以只ctrl+ click所选的项目,但你可以做到这一点编程为好.见链接.

http://jsfiddle.net/kaleb/WxJ9R/

Answer 2

我发现以下代码运行良好：

var options = $$('select#mylist option');
var len = options.length;
for (var i = 0; i < len; i++) {
  options[i].selected = false;
}