I am selecting multiple items from a selectbox and on click of a button adding them dynamically to a <div>.
I am adding it as children to the div ...something like checkbox + <selecteditem>.
Next time when the user selects an option which he already added in the div, he should not be allowed to do so.
how can i achieve this? a string match or how ? please send the code
below is my code...
[HTML]<html>
<head>
<base/>
<link rel="stylesheet" type="text/css" href="includes/css/vzsmb_popup_2008.css" />
<script language="JavaScript">
function addFromAddressBook()
{
var addrList = document.getElementById("names");
var options = new Object();
for(var j=0;j<addrList.options.length;j++)
{
if(addrList.options[j].selected)
{
var i = parseInt(document.getElementById( "iCheckboxes" ).value);
var cb = document.createElement( "input" );
cb.type = 'checkbox';
cb.id = "id" + i;
cb.name = "chkName" + i;
cb.value = "test" + i;
var text = document.createTextNode(addrList.options[j].text);
document.getElementById( 'participantDiv' ).appendChild( cb );
document.getElementById( 'participantDiv' ).appendChild( text) ;
cb.setAttribute('checked',true);
document.getElementById( "iCheckboxes" ).value = parseInt(document.getElementById( "iCheckboxes" ).value) + 1;
}
}
}
</script>
<body>
<form>
<div id="participantDiv" style="height:300px; overflow:auto; border:1px solid #CCC;font-size:9pt;" >
</div>
<input type="hidden" value="1" name="iCheckboxes" id="iCheckboxes">
<div style="height:150px; overflow-y: scroll;padding-left:10px;">
<select id="names" multiple="true" size="5" style="width:375px">
<option value="jam">jam@gmail.com</option>
<option value="kany">kany (keny@verizon.com)</option>
<option value="amy">amy (amy@verizon.com)</option>
<option value="aashi">aish (aish@gmail.com)</option>
<option value="jason">Jason (Jasom@gmail.com)</option>
<option value="Alice">Alice(Alice@gmail.com)</option>
<option value="Emily">Emily(Am@gmail.com)</option>
<option value="Rita">Rita(rita@gmail.com)</option>
<option value="Shiela">Shiela(ma@gmail.com)</option>
<option value="Noni">Noni(nonu@gmail.com)</option>
</select>
<input type="button" value="AddFromSelect" onclick="addFromAddressBook()">
</div>
</form>[/HTML]