jQquery add HTML

Door Onbekend Onbekend op 22-08-2008 14:50

372 views

Ik probeer dit te doen:

function addProduct() {
	$('#addproducts').append("EUR <input name=\"price[]\" type=\"text\" size=\"10\" />
      <textarea name=\"addproduct[]\" cols=\"60\" rows=\"3\"></textarea>
      <input name=\"single[]\" type=\"checkbox\" value=\"true\" /> Dit product is &eacute;&eacute;nmalig te leveren.
      <input name=\"addtolist[]\" type=\"checkbox\" value=\"true\" checked=\"checked\" /> Aan lijst met producten toevoegen");
	return false;
}

    <div id="addproducts">
      EUR <input name="price[]" type="text" size="10" />
      <textarea name="addproduct[]" cols="60" rows="3"></textarea>
      <input name="single[]" type="checkbox" value="true" /> Dit product is &eacute;&eacute;nmalig te leveren.
      <input name="addtolist[]" type="checkbox" value="true" checked="checked" /> Aan lijst met producten toevoegen
      
      EUR <input name="price[]" type="text" size="10" />
      <textarea name="addproduct[]" cols="60" rows="3"></textarea>
      <input name="single[]" type="checkbox" value="true" /> Dit product is &eacute;&eacute;nmalig te leveren.
      <input name="addtolist[]" type="checkbox" value="true" checked="checked" /> Aan lijst met producten toevoegen
    </div>
    <a href="#" onclick="addProduct();">Meer invoervakken</a>

Geen resultaat, hoe komt dat? Dank, Tommy

? Onbekende gebruiker

22-08-2008 15:54

Probeer het eens zo:

1. Verander de link in:
<a id="add" href="#">Meer invoervakken</a>

2. Tussen de <head> en </head>:

<script type="text/javascript"> 
	// wait for the DOM to be loaded 
	$(document).ready(function() {
		$('#add').click(function(event){
			event.preventDefault();
			$('#addproducts').append("EUR <input name=\"price[]\" type=\"text\" size=\"10\" />
      			<textarea name=\"addproduct[]\" cols=\"60\" rows=\"3\"></textarea>
			<input name=\"single[]\" type=\"checkbox\" value=\"true\" /> Dit product is &eacute;&eacute;nmalig te leveren.
			<input name=\"addtolist[]\" type=\"checkbox\" value=\"true\" checked=\"checked\" /> Aan lijst met producten toevoegen");
		});
	}
</script>

Reageren

Inloggen om te reageren