Code-Bin #833

untitled Javascript Code
Posted by: Add remove listbox. | September 9, 2010 @ 3:48am

Javascript Code

<html>
<head>
<style type="text/css">
.style1 {
	margin-left: 40px;
}
</style>

function removeItem()
{
	var a = document.getElementById('lstName');
  	for(i=a.length-1;i>=0;i--)
  	{
    	if (a.options[i].selected)
    	{
      		a.remove(i);
    	}
  	}
}

</head>
<body>
<p class="style1">Please a name into the text field.

Then click the "Add to List" button when complete.

</p>

Name:
<input type="text" id="txtName">
<br><br>
Name List:
<select id="lstName" size="5" style="width: 189px">
</select>
<br><br>
<input type="button" value="Add to List" onclick="javascript: addItem();">&nbsp;
<input type="button" value="Remove Selected" onclick="javascript: removeItem();"></form>
</body>
</html>

Syntax Highlighting

[Open in new window]

Author Comments

none

Rating

4.43 / 8
56 Votes