JavaScript-Variable nicht den Wert einer ID von getElementById bekommen()

Question

Hier ist der html:

<form> 
     <input type="text" id="text1" required> 
     <button type="submit" onclick="checkBen()">Add</button> 
     <small id="beneficialAlear"></small> 
</form> 

Und die javascript:

function checkBen(){ 
      var str = document.getElementById("text1").innerHTML.value; 
      if(str != null){ 
       var xmlhttp = new XMLHttpRequest(); 
       xmlhttp.onreadystatechange = function() { 
        if (this.readyState == 4 && this.status == 200) { 
         document.getElementById("beneficialAlear").innerHTML = this.responseText; 
        } 
       }; 

       alert(str); 
       xmlhttp.open("GET", "../getFromAJAX.php?q=benUsername&str=" + str, true); 
       xmlhttp.send(); 
      } 
     } 

Die Variable str null wird, auch wenn ich Eingang etwas und so geht das nie zum Ajax. :( Gibt es ein Problem in dem Code oder etwas anykind Hilfe würde geschätzt, dank

Answer 1

Sie sollten nicht document.getElementById("text1").innerHTML.value; sagen, wenn das Element nicht innerHTML hat Sie document.getElementById('text1').value wollen

EG?...:

function checkBen() { 
 
    var str = document.getElementById("text1").value; 
 
    // ... your code ..., E.G.: 
 
    alert(str); 
 
}

<form> 
 
     <input type="text" id="text1" required> 
 
     <button type="submit" onclick="checkBen()">Add</button> 
 
     <small id="beneficialAlear"></small> 
 
</form>