Ich muss wissen, wie hart codierte Elemente in der Laufzeit geklont werden?Gibt es eine Möglichkeit, fest codiertes Element oder Elementsatz mithilfe von jquery in Runtime zu klonen?
Ich habe ein fest codiertes Eingabefeld. In der Laufzeit ist es möglich, dieses Element zu lesen und es durch Benutzeranforderung zu multiplizieren (anhängen). Ist das mit jQuery oder Javascript möglich?
Vielen Dank im Voraus.
Mit jQuery Klon:
<!DOCTYPE html>
<html>
<head>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
</head>
<body>
<ul id='itemList'>
<li>
<input class='input' type="text" value="some text"/>
<a class='clone' href='Javascript:;'>Clone</a>
</li>
</ul>
<a id='allValues' href='Javascript:;'>Get Values</a>
<script>
$('a.clone').live('click', function() {
var clonedItem = $(this).parent().clone();
clonedItem.find('.input').attr('value', 'cloned');
$('#itemList').append(clonedItem);
});
$('#allValues').click(function(){
var values = [];
$('.input').each(function(i, text){
values[i] = $(text).val();
});
alert('Values are: ' + values.join(', '));
});
</script>
</body>
</html>
Was meinen Sie mit "hardcoded"? Ist das was du brauchst?
$(document).ready(function() {
$("#something").click(function(){
$("#yourform").append($("#yourinputfield"))
});
})
<div id="divElement">Hello</div>
<button onclick="javascript:cloneElement()">Clone Me</button>
function cloneElement()
{
$("#divElement").clone().appendTo("#divElement");
}
Danke mann, es funktioniert. Aber es beginnt sich vom dritten Klick zu multiplizieren. –
1. Klick, seine Erstellung 1, 2. Klick seine Erstellung 2, 3. Klick seine Erstellung 4. Ich werde es selbst beheben. Ich überprüfte das geklonte Element. Die ID ist identisch mit dem übergeordneten Element. Also muss es eine Möglichkeit geben, Werte aller Eingabefelder zu erhalten. Was ist das!!!??? –
Dank
Wenn Sie sich für etwas ein wenig umfassend suchen. Ich dachte, es ist schwer. –
Ich überprüfte das geklonte Element. Die ID ist identisch mit dem übergeordneten Element. Also muss es eine Möglichkeit geben, Werte aller Eingabefelder zu erhalten. Was ist das!!!??? –