调用一个javascript函数影响两个html下拉下载列表

调用一个javascript函数影响两个html下拉下载列表,javascript,html,Javascript,Html,我的问题是,你能调用一个javascript函数并影响两个html下拉列表吗?想法是使用下面的代码 javascript代码: document.getElementsByClassName("cmbRecom") html代码: <Select name="drop1" class="cmbRecom" > <option>Check Fields</option> </S

我的问题是,你能调用一个javascript函数并影响两个html下拉列表吗?想法是使用下面的代码

javascript代码:

document.getElementsByClassName("cmbRecom")
html代码:

<Select name="drop1" class="cmbRecom" >
        <option>Check Fields</option>                           
    </Select>

    <Select name="drop2" class="cmbRecom" >
        <option>Check Fields</option>                           
    </Select>

检查字段
检查字段

我脑子里想的是css行为,你可以用相同的类名命名html元素,所有元素都将遵循为该类声明的样式

是的,你可以。一种可能的方法如下:

document.documentElement.cmbRecomb;

使用函数
getElementsByClassName
选择元素时,代码应将返回的元素作为数组使用,这将需要通过所选元素进行迭代

var selects = document.getElementsByClassName("cmbRecom"); //was cmbField

for(var i = 0; i < selects.length; i++){
    selects[i].style.width = "200px";
}
var selects=document.getElementsByClassName(“cmbRecom”)//是cmbField吗
对于(变量i=0;i
注意:类名和选择器不同


JS Fiddle:

您的问题是什么?调用一个javascript函数并影响html下拉列表或选择,例如,如果您单击一个按钮,将填充两个下拉列表,很高兴知道这是可能的,先生,我已经尝试添加您的代码,但现在它不起作用。您可以在这里检查我的JS函数吗?它是函数setcmbreco(varArray){var setvarcmbreco;setvarcmbreco=varArray;var sel=document.documentElement.cmbreco;for(setvarcmbreco中的var i){var opt=document.createElement(“option”);opt.value=setvarcmbreco[i];opt.text=setvarcmbreco[i];sel.appendChild(opt);}