Archief - Javascript opsommingslijst

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
G

GlennC

Legacy Member
Hallo,

Ik wil met javascript een opsommingslijst maken met verschillende waarden. Hierbij zou telkens als er een waarde in een textbox wordt ingegeven, deze waarde moeten toegevoegd worden aan de opsommingslijst onder mijn textbox.

De textbox en de button lukt mij wel maar het lukt mij niet om telkens ik een waarde ingeef dit te laten toevoegen aan een opsommingslijst.

Dit is de eerste keer dat ik met javascript werk dus alle hulp is welkom.
J

Jerre Muesli

Legacy Member
Bedoel je met opsommingslijst een combobox of gewoon in <li> tags
G

GlennC

Legacy Member
Wel, ik heb een text box waar ik een woord kan intikken, dan een knop 'voeg toe' en dan moet wat ik ingetikt heb gewoon onderaan verschijnen. Dus als ik intik 'Gent' en dan op voeg toe klik moet Gent onder de textbox verschijnen. Als ik Brugge intik en dan op voeg toe klik moet Brugge onder Gent verschijnen.

Eigenlijk een soort opsomming van de tekst die ik toegevoegd heb.

Kweet niet of het nu duidelijk uitgelegd is...
A

Albireo

Legacy Member
Is het dit wat je zoekt? (Je hebt JQuery nodig voor dit)

Code: 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
	<head>
		<title>My first HTML document</title>
		<script type="text/javascript" src="js/jquery.js"></script>
		<script type="text/javascript">
			$(document).ready(function() {
				$('#newItemButton').click(function(){
					newItem='<li>' + $('#newItemText').attr('value') + '</li>';
					$('#items').append(newItem);
				});
			});
		</script>
	</head>
	<body>
		<p><input type="text" id="newItemText" value=""><button type="button" id="newItemButton">Add</button></p>
		<ul id="items"></ul>
	</body>
</html>
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan