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（）迭代它们。再次使用每个选项可以获得文本等于size的选项并选择该选项。

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

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

1 个答案: