Angenommen, ich habe den folgenden HTML-Code, wie kann ich die Benutzereingabe übergeben, um (str) JavaScript-Funktion als Argument auszuführen?Wie Text in einem Textfeld an JavaScript-Funktion übergeben?
<body>
<input name="textbox1" type="text" />
<input name="buttonExecute" onclick="execute(//send the user's input in textbox1 to this function//)" type="button" value="Execute" />
</body>
Sie können entweder Zugriff auf den Wert des Elements durch seinen Namen:
document.getElementsByName("textbox1"); // returns a list of elements with name="textbox1"
document.getElementsByName("textbox1")[0] // returns the first element in DOM with name="textbox1"
So:
<input name="buttonExecute" onclick="execute(document.getElementsByName('textbox1')[0].value)" type="button" value="Execute" />
Oder Sie eine ID an das Element zuweisen, identifiziert es dann und Sie darauf zugreifen können mit getElementById:
<input name="textbox1" id="textbox1" type="text" />
<input name="buttonExecute" onclick="execute(document.getElementById('textbox1').value)" type="button" value="Execute" />
Sie könnten nur den Eingangswert in der wie so Onclick-Ereignis erhalten.
onclick="execute(document.getElementById('textbox1').value);"
Sie würden natürlich hinzufügen müssen eine ID zu Ihrem Textfeld
Im Gegensatz zum Übergeben des Texts als Variable können Sie das DOM verwenden, um die Daten in Ihrer Funktion abzurufen:
var text = document.getElementsByName("textbox1").value;
Dies ist, was ich getan habe. (An alle Antworten anpassen)
<input name="textbox1" type="text" id="txt1"/>
<input name="buttonExecute" onclick="execute(document.getElementById('txt1').value)" type="button" value="Execute" />
Es funktioniert. Danke an euch alle. :)
Sie können Textbox Wert und Id durch folgende einfache Beispiel in dotNet Programmierung
<html>
<head>
<script type="text/javascript">
function GetTextboxId_Value(textBox)
{
alert(textBox.value); // To get Text Box Value(Text)
alert(textBox.id); // To get Text Box Id like txtSearch
}
</script>
</head>
<body>
<input id="txtSearch" type="text" onkeyup="GetTextboxId_Value(this)" /> </body>
</html>
Danke für alle Antworten. :) – natch3z