Javascript - 通过选择选项单击每一个循环

我正在尝试通过一个包含200多个条目的选择列表，然后单击每个列表。当一个元素被点击时，它执行一个函数selectCountry（），它将一行添加到表中。我想让它创建一个选择每个选项的表格。感兴趣的页面在：http://www.world-statistics.org/result.php?code=ST.INT.ARVL?name=International%20tourism,%20number%20of%20arrivals。Javascript - 通过选择选项单击每一个循环

到目前为止，我有以下，但它似乎并没有工作：

var sel = document.getElementById('selcountry'); 
var opts = sel.options;  
for(var opt, j = 0; opt = opts[j]; j++) {selectCountry(opt.value)}

我试图做到这一点在Chrome中控制台。

来源

2014-07-02 user2694306

我真的希望这是一个测试代码或类似的东西，你就不是建立在这个产品/工具... – Codeman

请澄清只是那是什么不起作用。一个jsfiddle也是有帮助的。 –

开发工具最有用的功能之一是，当你写一个函数的名字时，你可以找回它的源代码。以下是selectCountry函数的源代码：

function selectCountry(select) { 
     if (select.value == "000") return; 
     var option = select.options[select.selectedIndex]; 
     var ul = select.parentNode.getElementsByTagName('ul')[0]; 
     var choices = ul.getElementsByTagName('input'); 
     for (var i = 0; i < choices.length; i++) 
      if (choices[i].value == option.value) { 
       $("#selcountry:selected").removeAttr("selected"); 
       $('#selcountry').val('[]'); 
       return; 
      } 
     var li = document.createElement('li'); 
     var input = document.createElement('input'); 
     var text = document.createTextNode(option.firstChild.data); 
     input.type = 'hidden'; 
     input.name = 'countries[]'; 
     input.value = option.value; 
     li.appendChild(input); 
     li.appendChild(text); 
     li.onclick = delCountry; 
     ul.appendChild(li); 
     addCountry(option.firstChild.data, option.value); 
     $("#selcountry:selected").removeAttr("selected"); 
     $('#selcountry').val(''); 
    }

您的缺陷现在很明显。 selectCountry接受整个选择元件作为参数而不是在选择的价值（这是一种可怕的设计，但MEH）。相反，传递元素的价值，改变它的指数：

var sel = document.getElementById('selcountry'); 
var opts = sel.options;  
for(var i = 0; i < opts.length; i++) { 
    sel.selectedIndex = i 
    selectCountry(sel) 
}

来源

2014-07-02 23:05:23

这很好。感谢您的解释，这是一个很好的教训。 – user2694306

Javascript - 通过选择选项单击每一个循环

回答

相关问题