Javascript 如何从下拉菜单中刮取数据

如何从下拉菜单中刮取所有值？ 例如在这个网站上

有一个下拉菜单：

我想获取所有值并将其保存到一个数组结构中，该数组结构还包含一个相关国家的链接，例如：

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/
...

---

如何实现此结果？

这可能也很有帮助（使用一行PHP）：

检查元素，右键单击并复制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>

国内俱乐部（1085）
阿富汗（1）

var LI=document.queryselectoral（“.list LI”）；
var result={}；
对于（var i=0；iI如果您试图从中获取数据的站点允许这种管理，那么它可能有一个API，您可以访问该API来检索此数据。您是否检查了这种可能性？在站点的条款和条件中，允许免费使用数据，因此没有问题。此外，该站点不提供任何API，因此我正在尝试创建我的APIown.有趣的解决方案。只有一件事：可以下载所有html页面并访问此特定元素？因为网站可以更改菜单中的值。是的，使用PHP和
file\u get\u contents
函数。因此基本上你可以将该页面的内容涂鸦到你的web域中（这样您就不会有任何跨站点AJAX问题），然后您就可以在服务器上轻松地从该页面获取所需的元素。因此，获取网站内容的最佳方法是使用PHP？因为我看到网站结构，特别是表格，是json格式的。@Bender看到我的答案：@Bender same stuff。获取该json文件的路径并以相同的方式使用PHP。重要的是如果他们没有任何API或限制JSONP，那么不使用PHP或另一种服务器端语言，您就不能简单地将外部网站的内容AJAX化。
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 );