如何使用JavaScript更改所有选择标记的所有选项

时间:2014-12-07 17:35:56

标签: javascript php

我想列出select代码,它们有两个值,yesno。 我已经创建了它(在php中有while语句)。

现在,我想创建一个包含两个值(selectyes)的no代码,它应该更改所有select tags.ex:如果我选择{ {1}}选项,所有选项必须为yes

yes

1 个答案:

答案 0 :(得分:1)

您可以设置在while和on select标签上创建的选项上的类,您希望附加onchange事件,它将通过className获取所有元素,并设置选择索引与选择标记选择索引相同。

    <select id="globalSelection" onchange="changeSelection(this)">
        <option value="id_yes">yes</option>
        <option value="id_no">no</option>
    </select>

    var selects = document.getElementsByClassName('mySelect');
    function changeSelection(globalSelect) {
        for (var i = 0, select; select = selects[i]; i++) {
            select.selectedIndex = globalSelect.selectedIndex;
        }
    }