Javascript 使用同一类更新所有下拉框

简介

当按下“全部删除”按钮时，我试图将所有类别为“管理控制选择”的下拉框的值更改为“删除”

问题

<script type="text/javascript">
    var selectFunction = function() {
        document.querySelector('.admin__control-select').value = "remove";
    };
</script>

<select class="admin__control-select">
    <option value="defaultValue">Default</option>
    <option value="Option1">Option1</option>  
    <option value="remove">Remove</option>
</select>

<select class="admin__control-select">
    <option value="defaultValue">Default</option>
    <option value="Option1">Option1</option>
    <option value="remove">Remove</option>
</select>

<input type="button" value="Remove All" onclick="selectFunction()" />

下面的代码似乎有效，但仅更新第一个选择框的值。我试着用过，但根本没用

代码

<script type="text/javascript">
    var selectFunction = function() {
        document.querySelector('.admin__control-select').value = "remove";
    };
</script>

<select class="admin__control-select">
    <option value="defaultValue">Default</option>
    <option value="Option1">Option1</option>  
    <option value="remove">Remove</option>
</select>

<select class="admin__control-select">
    <option value="defaultValue">Default</option>
    <option value="Option1">Option1</option>
    <option value="remove">Remove</option>
</select>

<input type="button" value="Remove All" onclick="selectFunction()" />

var selectFunction=function（）{
document.querySelector（'.admin\u control-select'）.value=“remove”；
};
违约
选择1
去除
违约
选择1
去除

试试这个：

var selectFunction=function（）{
var-selects=document.querySelectorAll（'.admin_uu-control-select'）；
选择.forEach（s=>s.value='remove'）；
};
违约
选择1
去除
违约
选择1
去除

使用

queryselectoral（）

，它返回一个包含匹配元素的数组

然后，使用

for（）

遍历数组

var elms=document.querySelectorAll（'.admin\u control-select'）；
对于（var i=0；i