如何从DropDown菜单中抓取数据

时间:2015-09-16 09:01:53

标签: javascript

如何从DropDown菜单in a website中删除所有值? 例如在本网站

有这个DropDown菜单:

enter image description here

我希望获得所有价值并将其保存到一个数组结构中,该数组结构也包含相对国家的链接,例如:

Afghanistan => http://it.soccerway.com/national/afghanistan/afghan-premier-league/2015/regular-season/r32792/
Albania => http://it.soccerway.com/national/albania/super-league/20152016/regular-season/r31891/
Algeria => http://it.soccerway.com/national/algeria/ligue-1/20152016/regular-season/r31583/
...

我如何才能达到这个结果?

1 个答案:

答案 0 :(得分:1)

这可能也有帮助(使用一行PHP):jQuery load external site page

<强> jsBin

检查元素,右键单击并复制HTML,将其粘贴到.html文件中 以下是HTML结构的一瞥:

<ul class="list hidden">
   <li>Club Domestic (1085)</li>
   <li data-value="/national/afghanistan/a8/?ICID=SN_02_01">Afghanistan (1)</li>

var LI = document.querySelectorAll(".list li");
var result = {};

for(var i=0; i<LI.length; i++){
  var el = LI[i];
  var elData = el.dataset.value;
  if(elData) result[el.innerHTML] = elData; // Only if element has data-value attr
}

console.log( result );