dynamische Hinzufügen in JavaScript

Javascript Text:dynamische Hinzufügen in JavaScript

function changeIt() 
{ 
    var i = 1; 
    var j = 1; 
    my_div.innerHTML = "<br><br><input type='text' name='mytext' + i value='pleaseEnter malzeme' > <input type='text' name='mytet2'+j value='please quantity'> " 
}

HTML:

<input type="button" value="Add Ingredients" onClick="changeIt()" /> 
<div id="my_div"></div>

ich diesen Code Stück habe Textbox dynamisch in meiner HTML-Datei hinzuzufügen. Problem ist, dass ich keinen Text erreichen kann.

System.out.print(request.getParameter("mytext1")); //doesnt work to reach mytext1 value.

Wie kann ich dieses Problem lösen? Danke im Voraus.

Quelle

2016-04-22 HelloWorld

Sie scheinen nicht zu habe eine Funktion 'request.getParameter' und kein' out.print'. Hast du versucht, in deine Konsole zu schauen? (Drücken Sie F12) Sie werden eine Reihe von Fehlern sehen. –

Ist das eine Java-Frage oder eine JavaScript-Frage? So oder so, Sie zeigen uns nicht genug Code. – 4castle

@MikeC Das ist Java-Code. Sie zeigen das Back-End, das kein F12 hat. – 4castle

Okay, zuerst eine Referenz eines Elements in JavaScript, die Sie brauchen document.getElementById("my_div") zu nennen. Es gibt keine automatische globale Population mit IDs in JS.

Dann enthält Ihre HTML-Zeichenfolge Variablen, die als Teil der Zeichenfolge geschrieben werden. Verkettung in JS funktioniert mit dem Pluszeichen (+). So sollte die Zeichenfolge sein:

"<br><br><input type='text' name='mytext" + i + "' value='pleaseEnter malzeme'><input type='text' name='mytet2" + j + "' value='please quantity'>"

Alles zusammengebaut werden:

<script type="text/javascript"> 
function changeIt() { 
    var i = 1; 
    var j = 1; 
    document.getElementById("my_div").innerHTML = "<br><br><input type='text' name='mytext" + i + "' value='pleaseEnter malzeme'><input type='text' name='mytet2" + j + "' value='please quantity'>" 
} 
</script> 

<input type="button" value="Add Ingredients" onClick="changeIt()"> 
<div id="my_div"></div>

In Bezug auf den Druck, den ich keine Ahnung, was Sie tatsächlich dort versuchen ...

Quelle

2016-04-22 22:26:14

wirklich danke für diese Antwort. Fast 5-6 Stunden, ich habe versucht, dieses Problem zu lösen. – HelloWorld

** Es gibt keine solche Sache wie automatische globale Umfang Population mit IDs in JS. ** Siehe http://stackoverflow.com/questions/6381425/is-there-a-spec-that-id-of-elements-should-be-made-global-variable – Barmar

Interessant, danke für die Info, aber ich denke JS Starter sind Besser dran nicht zu wissen, dass sowas existiert. ;-) –

Versuchen Sie, Ihre innerHTML- zu diesem Wechsel:

my_div.innerHTML ="<br><br><input type='text' name='mytext" + i + "' value='pleaseEnter malzeme' > <input type='text' name='mytet2" +j + "' value='please quantity'> "

Quelle

2016-04-22 22:14:01

immer noch nicht funktioniert :( – HelloWorld

Antwort

Verwandte Themen