javascript - 在脚本中使用 setselectedindex 函数在同一网页上的多个下拉菜单中选择相同的值

Question

具有以下功能的脚本仅选择第一个下拉菜单中的设置值，但不会选择同一网页上下一个下拉菜单中的相同值。我需要进行哪些调整才能使其在所有下一个下拉菜单中选择相同的值？

var size = "4";
function setSelectedIndex(s, v) {
    for ( var i = 0; i < s.options.length; i++ ) {
        if ( s.options[i].text == v ) {
            s.options[i].selected = true; 
            return; 
        }
    }
}
setSelectedIndex(document.getElementsByTagName('select')[0],size);

Answer 1

您必须迭代集合getElementsByTagName并调用setSelectedIndex

使用 JavaScript

var size = "4";
function setSelectedIndex(s, v) {
    for ( var i = 0; i < s.options.length; i++ ) {
        if ( s.options[i].text == v ) {
            s.options[i].selected = true; 
            return; 
        }
    }
}

var selects = document.getElementsByTagName('select');
for(i=0; i < selects.length; i++)
    setSelectedIndex(selects [i],size);

使用 jQuery

使用标签选择器获取所有选择，然后使用each() 迭代它们。再次使用each来获取文本等于size的选项并选择该选项。

$('select').each(function(){
    $(this).find('option').each(function(){
         if($(this).text() == size)
            this.selected = true;
    });
});