可以访问DOM ElementByID

时间:2016-07-13 14:26:45

标签: javascript html

我有一个js文件:

我正在尝试读取值为下拉列表的值,其中ID =" topn"。当我在POS1上这样做时,它会出错:

  

无法阅读属性'选项'为null

在POS2上工作正常。但我想要POS1的价值。我哪里出错了?我使用的是最新版Google Chrome。

window.onload = getAll();

function getAll() {
  var data = new FormData();
  //console.log(document.location.href);

  /* POS1 */
  var test = document.getElementById("topn");
  console.log(test.options[test.selectedIndex].value);
  /**/

  data.append('top_n', test.options[test.selectedIndex].value);
  data.append('top_n', 5);

  var xhr = new XMLHttpRequest();
  xhr.open('POST', 'http://xyz.php', true);
  xhr.onload = function() {
    console.log("done here");
    var table_dom = document.getElementById("tab1");
    /* POS2 */
    var test = document.getElementById("topn");
    console.log(test.options[test.selectedIndex].value);
    /**/
    response_text = this.responseText;
    response_text.replace(/['"]+/g, '');
    console.log(response_text);
    table_dom.innerHTML = response_text;
  };
  xhr.send(data);
}

0 个答案:

没有答案