Update a list through javascript

Post by **hallsofvallhalla** » Thu Dec 29, 2011 10:13 pm

I need a way of updating a HTML list through javascript.

I was thinking nesting the list inside of a form then changing the form.display.value but not having any luck.

Chris · Post by **Chris** » Thu Dec 29, 2011 10:32 pm

Updating it with information from the client or server?

Post by **hallsofvallhalla** » Fri Dec 30, 2011 12:08 am

client. No refresh. Dynamically

Chris · Post by **Chris** » Fri Dec 30, 2011 1:54 am

Code: Select all

<!DOCTYPE html>
<html>
	<head>
		<title>YW!</title>
		<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
		<script type="text/javascript">
		$(document).ready( function()
		{
			$('textarea[name="input"]').keyup( function()
			{
				// clear list
				$('ol').html('');


				// repopulate
				var lines = $(this).val().split('\n');
				for( var i in lines )
				{
					$('ol').append('<li>' + lines[i] + '</li>');
				}

			});
		});
		</script>
	</head>

	<body>

		<ol>
			<li>Line 1</li>
			<li>Line 2</li>
		</ol>

		<textarea name="input">Line 1
Line 2</textarea>

	</body>

</html>

Post by **hallsofvallhalla** » Fri Dec 30, 2011 2:42 am

THANKS you rock, i was able to pull out what I need.

Torniquet · Post by **Torniquet** » Fri Dec 30, 2011 3:29 am

jQuery saves the day again!

Need i say more? :p

Post by **hallsofvallhalla** » Fri Dec 30, 2011 5:03 am

haha yes I will give you that one

Post by **hallsofvallhalla** » Fri Dec 30, 2011 6:05 pm

once again, thanks Chris. This helped more than you know.

Update a list through javascript

Update a list through javascript

Re: Update a list through javascript

Re: Update a list through javascript

Re: Update a list through javascript

Re: Update a list through javascript

Re: Update a list through javascript

Re: Update a list through javascript

Re: Update a list through javascript