hi,
check the below code whether it may satisfy u'r requirement of " don't want to use "multiple" attribute but behaves like multiple selection"
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
<SCRIPT LANGUAGE="JavaScript">
// set the javascript special char here to flag selected value in dropdown
var selChr = "+";
//
function notifySelect(RepSelected){
var multidropdown = getObject("multidropdown");
if (RepSelected == "click to view") return false;
var rep_str ="";
for (i = 0; i < multidropdown.notify.options.length; i++) {
if (multidropdown.notify.options.value != '') {
var dropdownItem = multidropdown.notify.options.text;
if (dropdownItem == RepSelected || dropdownItem == selChr+RepSelected) {
if (dropdownItem.substring(0,1) == selChr) {
if (confirm("Remove " + RepSelected.substring(1) + " from Past Due notification?")) {
document.multidropdown.notify.options.text = RepSelected.substring(1);
}
}
else {
if (confirm("Add " + RepSelected + " to Past Due notification?")) {
document.multidropdown.notify.options.text = selChr + RepSelected;
}
}
}
dropdownItem = multidropdown.notify.options.text;
if (dropdownItem.substring(0,1) == selChr) {
rep_str = rep_str + multidropdown.notify.options.value + ",";
multidropdown.notify.options.style.backgroundColor = "#3366CC";
multidropdown.notify.options.style.color = "#FFFFFF";
}
else {
multidropdown.notify.options.style.backgroundColor = "#FFFFFF";
multidropdown.notify.options.style.color = "#000000";
}
}
}
//end of search
multidropdown.notify.options[0].selected = true;
document.multidropdown.notifyReps.value = rep_str;
}
//needed for mozilla compatibility
function getObject(objectId) {
if (document.all && !document.getElementById)
return document.all(objectId);
else
return document.getElementById(objectId);
}
</SCRIPT>
</HEAD>
<BODY>
<FORM name="multidropdown" id="multidropdown" method="post">
<input type=hidden name="notifyReps" value="">
<SELECT NAME="notify" id="notify" onchange="notifySelect(this.options[this.selectedIndex].text);">
<OPTION VALUE="0" selected>click to view</OPTION>
<OPTION VALUE="1" >hai</OPTION>
<OPTION VALUE="2" >hello</OPTION>
<OPTION VALUE="3" >how</OPTION>
</SELECT>
<INPUT TYPE="Submit" name="action" value="Submit" >
</FORM>
</BODY>
</HTML>