Wie erhalte ich den Wert eines Texteingabefeldes mit JavaScript?

Question

Ich arbeite gerade an einer Suche mit JavaScript. Ich würde ein Formular verwenden, aber das bringt etwas anderes auf meiner Seite durcheinander. Ich habe dieses Eingabe-Textfeld:

<input name="searchTxt" type="text" maxlength="512" id="searchTxt" class="searchField"/>

Und dies ist mein JavaScript-Code:

<script type="text/javascript">
  function searchURL(){
    window.location = "http://www.myurl.com/search/" + (input text value);
  }
</script>

Wie kann ich den Wert aus dem Textfeld in JavaScript übertragen?

Answer 1

<input id="new" >
<button  onselect="myFunction()">it</button>
<script>
    function myFunction() {
        document.getElementById("new").value = "a";
    }
</script>

Answer 2

Man kann form.elements verwenden, um alle Elemente in einem Formular zu erhalten. Wenn ein Element eine id hat, kann es mit .namedItem("id") gefunden werden. Beispiel:

var myForm = document.getElementById("form1");
var text = myForm.elements.namedItem("searchTxt").value;
var url = "http://www.myurl.com/search/" + text;

Quelle: w3-Schulen

Answer 3

function handleValueChange() {
    var y = document.getElementById('textbox_id').value;
    var x = document.getElementById('result');
    x.innerHTML = y;
}

function changeTextarea() {
  var a = document.getElementById('text-area').value;
  var b = document.getElementById('text-area-result');
  b.innerHTML = a;
}

input {
  padding: 5px;
}

p {
  white-space: pre;
}

<input type="text" id="textbox_id" placeholder="Enter string here..." oninput="handleValueChange()">
<p id="result"></p>

<textarea name="" id="text-area" cols="20" rows="5" oninput="changeTextarea()"></textarea>
<p id="text-area-result"></p>

Answer 4

Einfaches JavaScript:

function copytext(text) {
    var textField = document.createElement('textarea');
    textField.innerText = text;
    document.body.appendChild(textField);
    textField.select();
    document.execCommand('copy');
    textField.remove();
}

Answer 5

function searchURL() {
   window.location = 'http://www.myurl.com/search/' + searchTxt.value
}

Also grundsätzlich searchTxt.value gibt den Wert des Eingabefeldes mit id='searchTxt' .