You must Sign In to post a response.
  • Category: ASP.NET

    Multiple selection on dropdownlist

    How Can I use a dropdownlist that allowing user to select multiple items from a list of available items?
  • #274227
    hi,

    You dont have any property with dropdown listbox which allow multiple selection

    you can create your own control like dropdown box which allows multiple selection

    please refer the link to get more info:
    http://www.codedworld.com/download/multi-select-dropdown-list-in-asp-net/35490.html

    Regards

    Ilyas.F

  • #274228

    <select multiple size="3">
    <option value="1">Option 1</option>
    <option value="2">Option 2</option>
    <option value="3">Option 3</option>
    <option value="4">Option 4</option>
    </select>


    i hope this may help u



    Thanks & Regards
    G.Renganathan
    Nothing is mine ,Everything is yours!!!

  • #274242
    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 reps") return false;
    var rep_str ="";
    for (i = 0; i < multidropdown.notify.options.length; i++) {
    if (multidropdown.notify.options[i].value != '') {
    var dropdownItem = multidropdown.notify.options[i].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[i].text = RepSelected.substring(1);
    }
    }
    else {
    if (confirm("Add " + RepSelected + " to Past Due notification?")) {
    document.multidropdown.notify.options[i].text = selChr + RepSelected;
    }
    }
    }
    dropdownItem = multidropdown.notify.options[i].text;
    if (dropdownItem.substring(0,1) == selChr) {
    rep_str = rep_str + multidropdown.notify.options[i].value + ",";
    multidropdown.notify.options[i].style.backgroundColor = "#3366CC";
    multidropdown.notify.options[i].style.color = "#FFFFFF";
    }
    else {
    multidropdown.notify.options[i].style.backgroundColor = "#FFFFFF";
    multidropdown.notify.options[i].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>



    <%

    dim i, in_out, stylecolor
    dim strReps, strRepIDs, strSelectedRepIDs
    dim arrayReps, arrayRepIDs

    'populate test data - this usually comes from a database
    strReps = "Jim,Pete,Fred,Jane,Brian"
    strRepIDs = "1,2,3,4,5"
    strSelectedRepIDs = "0,0,0,0,0"

    arrayReps = split(strReps,",")
    arrayRepIDs = split(strRepIDs,",")

    action = Request("action")

    If action = "Submit" Then
    strSelectedRepIDs = request("notifyReps")
    End If

    %>
    <form name="multidropdown" id="multidropdown" method="post">
    <input type=hidden name="notifyReps" value="<% = notifyReps %>">

    <SELECT NAME="notify" id="notify"
    onchange="notifySelect(this.options[this.selectedIndex].text);">
    <OPTION VALUE="0" selected>click to view reps</OPTION>
    <%
    For i = 0 to uBound(arrayReps)
    in_out = ""
    stylecolor = "style='color:black;backgroundColor:white'"
    If instr(strSelectedRepIDs, arrayRepIDs(i)) > 0 Then
    in_out = selChr
    stylecolor = "style='color:white;background-color:#3366CC'"
    End If %>
    <OPTION VALUE="<% = arrayRepIDs(i) %>" <%=stylecolor%>>
    <%=in_out%><% = arrayReps(i) %></OPTION>
    <% next
    %>
    </SELECT>
    <INPUT TYPE="Submit" name="action" value="Submit">
    </form>
    <%

    If action = "Submit" Then
    response.write "<br><br> Rep values returned: " & request("notifyReps")
    End If

    %>


  • This thread is locked for new responses. Please post your comments and questions as a separate thread.
    If required, refer to the URL of this page in your new post.