Asp.net Multiselect DDL onchange event

Multiselect ddl and textbox.

1)whenever i am selecting ddl item and put email in text box for each item manually . i want to add ',' before second email id put in text box. 

2) if i am unselecting perticular item form ddl that time regarding textbox email is remove from textbox.

3) i have Email3 and Email4 hardcoded text.

                                               
                                                                                            
                                                 Email1
                                                Email2
                                                Email3
                                                Email4   

                                               

Email5                                                                                             
            

function GetSelectedValue() {
    debugger;
    
    var SelectedITem = $(".selectpicker option:selected").text();
   // var strUser = SelectedITem.options[SelectedITem.selectedIndex].text();  
    if (SelectedITem == 'Email3' || SelectedITem == 'Email4') {       
           txtEmailID.value = "[email protected]";
       }
       else {
         txtEmailID.value = "";
        }
}

1 Reply

Know the answer? Post it — somebody with the same question will find it here.

Sign in to answer this question

It is the same account you read, post and publish with — and you will come straight back to this page.

Sign inCreate an account

• 

  Jayraj Chhaya2y agoPosted Feb 23, 2024, 6:43 AM

  Hi Amit,

  To achieve the desired functionalities, you can use JavaScript/jQuery along with ASP.NET code-behind. Here's how you can implement the required logic:

  1. Adding a comma before the second email address:

     • Add an onkeyup event to the textbox to detect when the user enters a comma (',').
     • In the event handler, split the textbox value by commas and check the number of email addresses entered.
     • If there are more than one email addresses, add a comma before the second email address.
     • Update the textbox value with the modified email addresses.

     • $('#<%= txtEmailId.ClientID %>').on('keyup', function() {
           var emailAddresses = $(this).val().split(',');
           if (emailAddresses.length > 1) {
               emailAddresses[1] = ',' + emailAddresses[1].trim();
               $(this).val(emailAddresses.join(','));
           }
       });
       

  2. Removing email addresses when an item is unselected:
  3. Modify the GetSelectedValue function to handle the removal of email addresses.
  4. Check if the selected item is 'Email3' or 'Email4'.
  5. If it is, set the textbox value to an empty string. Otherwise, keep it as is.

  6. function GetSelectedValue() {
         var selectedItems = $(".selectpicker option:selected");
         var selectedText = selectedItems.text();
         var txtEmailID = document.getElementById('<%= txtEmailId.ClientID %>');
         
         if (selectedText === 'Email3' || selectedText === 'Email4') {
             txtEmailID.value = "";
         }
     }
     

      

  +1