Question

似乎无法通过选择下拉列表来刷新它？

刚开始尝试学习这个

schedule.csv

团队，母鸡，鸡，公牛，马，牛，猪，鸭子，吉斯，猫，羊，小鼠，狗
时报，1900,2130
车道，1 - 2,2 - 3,4 - 5,6 - 7,7 - 8,9 - 10
2016年9月13日，1,1-2,3-4,5-6,7-8,9-10,11-12
2016年9月20日4,5,6-2,12-3,9-11,1-7,10-8
2016年9月27日9-3,1-10,11-4,5-12,8-2,6-7
2016年10月4日7-12,5-8,9-2,10-4,11-6,1-3
2016年10月11日，1,18-8,9-7,1-5,6-3,10-12,2-4
2016年10月18日，No Bowl
2016年10月25日,10-6,11-1,3-8,12-2,7-4,9-5
2016年11月1日5-7,4-12,2-10,1-9,6-8,3-11
2016年11月8日12-9,10-5,7-11,4-6,2-3,8-1
2016年11月15日6-1,2-11,8-12,3-5,4-9,7-10
2016年11月22日1,3-10,8-9,4-1,2-7,5-11,12-6
2016年11月29日8-4,7-3,6-9,11-10,12-1,5-2
2016年12月6日2,6-5,2-1,12-11,4-3,8-7,10-9
2016年12月13日，圣诞节欢乐之夜
2016年12月20日，圣诞节假期
2016年12月27日，圣诞节假期
2017年1月3日1,3-12,5-4,8-10,2-6,11-9,7-1
2017年1月10日4-11,3-9,7-6,10-1,12-5,2-8
2017年1月17日，2,2,12,7-7,3-1,8-5,4-10,6-11
2017年1月24日，5-1,8-11,4-2,7-9,3-6,12-10
2017年1月31日8-3,6-10,5-9,1-11,12-2,4-7
2017年2月7日，10-2,7-5,11-3,12-4,9-1,8-6
2017年2月14日，1,17-7,9-12,1-8,5-10,6-4,3-2
2017年2月21日12-8,1-6,10-7,11-2,5-3,9-4
2017年2月28日，半期
2017年3月7日，1-4,10-3,6-12,9-8,7-2,11-5
2017年3月14日9-6,4-8,2-5,3-7,10-11,1-12
2017年3月21日，1,1-12,5-6,9-10,1-2,3-4,7-8
2017年3月28日，10,81,12-3,1-7,4-5,6-2,9-11
2017年4月4日6-7,11-4,8-2,9-3,1-10,5-12
2017年4月11日1,1-3,9-2,11-6,7-12,5-8,10-4
2017年4月18日，2,4,1,1,10,12,11-8,9-7,6-3
2017年4月25日9-5,3-8,7-4,10-6,11-1,12-2
2017年5月2日，3-11,2-10,6-8,5-7,4-12,1-9
2017年5月9日8-1,7-11,2-3,12-9,10-5,4-6
2017年5月16日7-10,8-12,4-9,6-1,2-11,3-5
2017年5月23日12-12,4-1,5-11,3-10,8-9,2-7
2017年5月30日，5-2,6-9,12-1,8-4,7-3,11-10

码

var aval = 0;

  function show(aval) {
   sss()
  }

  function download(filename, text) {
    var element = document.createElement('a');
    element.setAttribute('href', 'data:text/plain;charset=utf-8,' + encodeURIComponent(text));
    element.setAttribute('download', filename);
    element.style.display = 'none';
    document.body.appendChild(element);
    element.click();
    document.body.removeChild(element);
  }

  (function sss() {
    var xhr = new XMLHttpRequest();
    xhr.onreadystatechange = handleStateChange;
    xhr.open("GET", "schedule.csv");
    xhr.send();

    function handleStateChange() {
      if (xhr.readyState == 4 && xhr.status >= 200 && xhr.status < 300) {
        showData(xhr.responseText);
      }
    }

    function showData(data) {

      var rows = data.split(/\s+/);
      var rowNum;
      var cells;
      var cellNum;

      var team = 1 + aval*1;
      var contents = "BEGIN:VCALENDAR\nPRODID:-//HullTenpin//EN\nVERSION:2.0\nCALSCALE:GREGORIAN\nMETHOD:PUBLISH\nX-WR-CALNAME:Bowling\nX-WR-TIMEZONE:Europe/London\nX-WR-CALDESC:\n"
      var table = document.createElement("table");
      var rowss = data.split("\n");
      for (var i = 3; i < rowss.length; i++) {
        var row = table.insertRow(-1);
        var cells = rowss[i].split(",");
        var teamss = rowss[0].split(",");
        var times = rowss[1].split(",");
        var lanes = rowss[2].split(",");
        var lanee = lanes[1].split(" - ");
        var lane = lanee[0]*1 -1
        for (var j = 0; j < cells.length; j++) {
          var cell = row.insertCell(-1);
          cell.innerHTML = cells[j];
          var teams = cells[j].split("-");


          var str1 = cells[0];

          str1 = str1.replace (/st/g, "");
          str1 = str1.replace (/nd/g, "");
          str1 = str1.replace (/rd/g, "");
          str1 = str1.replace (/th/g, "");   
          var locales = ["hu", "en-US"],
          length = locales.length,   
          dateFormat = null;
          var objDate = new Date(str1),
          dateFormat = objDate.toLocaleString(locales[0], {
            year: "numeric",
            month: "numeric",
            day: "numeric"
          });
          dateFormat = dateFormat.replace (/\./g, "");
          dateFormat = dateFormat.replace (/ /g, "");
          if (team == teams[0]){
            var lanea = j*1 + lane*1 + (j - 1)
            var laneb = j*1 + lane*1 + (j - 1)+ 1
            var contents = contents + "BEGIN:VEVENT\n"
            var contents = contents + "DTSTART:" + dateFormat + times[1] +"00Z\n";
            var contents = contents + "DTEND:" + dateFormat + times[2] +"00Z\n";
            var contents = contents + "LOCATION:Bowling Alley\n";
            var contents = contents + "SUMMARY:" + teamss[team] + " V " + teamss[teams[1]] + " - Lanes " +"("+ lanea + ")"+"-" + laneb + "\n";
            var contents = contents + "END:VEVENT\n"
          }
          if (team == teams[1]){
            var lanea = j*1 + lane*1 + (j - 1)
            var laneb = j*1 + lane*1 + (j - 1)+ 1
            var contents = contents + "BEGIN:VEVENT\n"
            var contents = contents + "DTSTART:" + dateFormat + times[1] +"00Z\n";
            var contents = contents + "DTEND:" + dateFormat + times[2] +"00Z\n";
            var contents = contents + "LOCATION:Bowling Alley\n";
            var contents = contents + "SUMMARY:" + teamss[teams[0]] + " V " + teamss[team] + " - Lanes " + lanea + "-" +"("+ laneb+")" + "\n";
            var contents = contents + "END:VEVENT\n"
          }

        }


      }
      var contents = contents + "END:VCALENDAR\n";
      document.getElementById('area').value=contents;



      for (var xx = 1; xx < teamss.length; xx++) {
        var select = document.getElementById("purpose");
        var el = document.createElement("option");
        var opt = teamss[xx];
        el.textContent = opt;
        el.value = opt;
        select.appendChild(el);
      }
    }
  })();

</script>

<form onsubmit="download(this['name'].value, this['text'].value)">
  <p><input type="text" name="name" value="schedule.ics"></p>

       <fieldset>
      <label>Pick a Team:</label>
            <select name="Teams" id="purpose" onchange="java_script_:show(this.selectedIndex)"></select>
       </fieldset>
  <p><textarea rows=20 cols=100 id="area" name="text" ></textarea> </p>
  <p><input type="submit" value="Download"></p>
</form>

已删除排序（来自函数ss（）

似乎无法通过选择下拉列表来更新它？

0 个答案: