獲取輸入值javascript

Question

我正在嘗試在HTML元素中編寫一些輸入，並使用JS獲取輸入文本，然后使用AJAX將值發送到另一個文件，但它不起作用，並且我只得到“ null”作為結果

有什么原因嗎？

這是我的HTML

<button type="button" onclick="loadDoc()">Value</button>
     <input type="number" class="test" id="test" name="test" value="" style="width:10%" >
     <div id="mostraAttuale"></div>
    </br>

這是我的JS功能

function loadDoc() {
    var value = document.getElementById("test");
    alert(value);
    var url = <?php echo json_encode($test); ?>;
    var email = <?php echo json_encode($mail); ?>;
    var valuereq = new XMLHttpRequest();
    valuereq.open("GET", url+'?email='+email+'&value='+value, true);
    valuereq.send();
    valuereq.status;
    valuereq.onreadystatechange = function () {
        if (valuereq.readyState == 4 && valuereq.status == 200) {
            var return_data = valuereq.responseText;
            document.getElementById("mostraAttuale").innerHTML = "ultimo valore inserito: " + return_data;
        }
        else document.getElementById("mostraAttuale").innerHTML = valuereq.status;
    }
    document.getElementById("test").value="";
}

先感謝您。

Answer 1

嘗試這個：

function loadDoc() {
    var value = document.getElementById("test").value;
    alert(value);
    var url = "<?=json_encode($test) ?>";
    var email = "<?=json_encode($mail) ?>";
    var valuereq = new XMLHttpRequest();
    valuereq.open("GET", url+'?email='+email+'&value='+value, true);
    valuereq.send();
    valuereq.status;
    valuereq.onreadystatechange = function () {
      if (valuereq.readyState == 4 && valuereq.status == 200) {
          var return_data = valuereq.responseText;
          document.getElementById("mostraAttuale").innerHTML = "ultimo valore inserito: " + return_data;
      }
      else 
         document.getElementById("mostraAttuale").innerHTML = valuereq.status;
    }
    document.getElementById("test").value="";
}

Answer 2

行var value = document.getElementById("test"); 不會獲取值，但會獲取“ HTMLInputElement”。 替換為：

 var value = document.getElementById("test").value;