使用Prototype JS更改选择选项

时间:2016-09-05 07:46:21

标签: javascript prototypejs

我有几个下拉菜单:

<select class="drop">
    <option value="1">Value 1</option>
    <option value="2">Value 2</option>
</select>

<select class="drop">
    <option value="1">Value 1</option>
    <option value="2">Value 2</option>
</select>

如何通过Protoype JS使用选择器类<option value="2">Value 2</option>将所选选项更改为drop

1 个答案:

答案 0 :(得分:0)

它有点不清楚你究竟在问什么,但我想你问的是如何在下拉列表中将第二个值设置为所选值。

这是单行

$$('.drop').invoke('setValue','2');

$$('.drop').each(function(dropdown){
    dropdown.setValue('2');
});

您需要使用setValue()方法来处理浏览器中下拉列表的实现方式。

奖励:您可以使用setValue(['1','2'])在多选下拉列表中设置多个值