Verwenden Sie JavaScript, um Zeichenfolge in Textfeld zu schreiben

Question

Ich muss Text in eine ausgeblendete Eingabe übergeben, wenn bestimmte Teil der Seite angeklickt werden.

Die einfachste Version dieses (mit Input = "text" überprüfen, ob es funktioniert) würde wie folgt aussehen:

function myFunct(the_text) { 
 
    document.getElementById('id01').value = the_text; 
 
    return; 
 
}

<input type="text" id="id01" value="write here" /> 
 

 
<a href="#" onclick("myFunct("this text should go on the box ");"); /> click me </a> 
 
</br> 
 
<a href="#" onclick("myFunct("or this one ");"); /> No! Click me </a> 
 
</br>

Ich weiß nicht richtig, wie das passieren string als Parameter der Funktion.

Answer 1

Hallo bekommen den Code unten versuchen: -

<input type="text" id="id01" value="write here" /> 

<a href="#" onclick="myFunct('this text should go on the box')" /> click me </a> </br> 
<a href="#" onclick="myFunct('or this one ')" /> No! Click me </a> </br> 

<script> 
    function myFunct(the_text) { 
     document.getElementById('id01').value = the_text; 
    return; 
    } 
</script> 

Answer 2

Sie hatten einige Fehler in Ihrem HTML-Code. Es sollte wie onclick="sth" anstelle der Klammern sein. Ich denke, dass ich das Beispiel bekam arbeiten, unter den Code überprüfen:

<input type="text" id="id01" value="write here" /> 
 
<div id="id02"></div> 
 

 
<a href="#" onclick="myFunct('this text should go on the box')" /> click me </a> </br> 
 
<a href="#" onclick="myFunct('or this one')" /> No! Click me </a> </br> 
 

 
<script> 
 
    function myFunct(the_text) { 
 
     document.getElementById('id01').value = the_text; 
 
     document.getElementById('id02').innerHTML = the_text; 
 
    } 
 
</script>

Answer 3

function myFunct(the_text) { 
 
    $("#id01").val(the_text); 
 
    return true; 
 
    return; 
 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<input type="text" id="id01" value="write here" /> 
 

 
<a href="#" onclick="myFunct('this text should go on the box');"); /> click me </a> 
 
</br> 
 
<a href="#" onclick="myFunct('or this one ');"); /> No! Click me </a> 
 
</br>

Sie einige Fehler in Ihrem HTML-Code hatte. Es sollte wie onclick = "irgendeine Funktion" statt der Klammern sein. Ich denke, dass ich das Beispiel bekam arbeiten, unter den Code überprüfen: Sie JQuery statt Javascript Sie die Daten

Answer 4

Sie Misch Syntax zwischen JavaScript und HTML. Die onclick Sie verwenden möchten, ist ein HTML wie jedes andere Attribut, und die Form annehmen würde:

onclick="" 

Also Ihr Element wie folgt aussehen könnte:

<a href="#" onclick="myFunct('or this one ')" /> 

Beachten Sie auch die Verwendung von verschiedene Anführungszeichen für die Zeichenfolge. JavaScript kann einfache Anführungszeichen oder doppelte Anführungszeichen verwenden. Durch die Verwendung von einfachen Anführungszeichen wird die Analyse des doppelt zitierten HTML-Attributs nicht beeinträchtigt.

---

Alternativ können Sie das JavaScript vollständig aus dem HTML entfernen. Geben Sie Ihre Elemente id Werte:

<a href="#" id="someID" /> click me </a> </br> 

Und nutzen diejenigen, sie zu identifizieren für das Hinzufügen von Klick-Handler:

document.getElementById('someID').onclick = function() 
{ 
    myFunct('or this one '); 
}; 

Der gleiche Ansatz kann mit jQuery verwendet werden (da Sie diesen Tag in der Frage haben). Idealerweise sollten Sie sich in die allgemeine Richtung der Trennung von Markup und Code bewegen, unabhängig davon, ob Sie jQuery verwenden oder nicht.

Answer 5

Nicht verwirrt werden.Die Onclick muss eine HTML-Syntax onclick= und wie diese

onclick="myFunct('text')" 

Versuchen Sie, diese verwendet werden: "Wer Ihre wirkliche Freundin ist"

function myFunct(the_text) { 
 
\t \t \t alert(the_text); 
 
     document.getElementById('id01').value = the_text; 
 
    return; 
 
    }

<input type="text" id="id01" value="write here" /> 
 

 
<a href="#" onclick="myFunct('this text should go on the box');" /> click me </a> 
 
</br> 
 
<a href="#" onclick="myFunct('or this one');" /> No! Click me </a> </br>

Eine weitere Möglichkeit ist die Verwendung JQuery als Beispiel.

$("#me").click(function() { 
 
    $("#target").text("Sorry, he picked me."); 
 
}); 
 

 
$("#otherme").click(function() { 
 
    $("#target").text("I know you'll choose me."); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.2.3/jquery.min.js"></script> 
 
<div id="target"> 
 
    Who's your real girlfriend? 
 
</div> 
 

 
</br> 
 
<a href="#" id="me">Choose Me</a> 
 
</br> 
 
<a href="#" id="otherme">Please choose Me</a>

Answer 6

ist es Syntaxfehler.

<a href="#" onclick='myFunct("this text should go on the box")' /> click me </a> </br> 
<a href="#" onclick='myFunct("or this one ")' /> No! Click me </a>