Multiselected DDL and textbox in asp.net.

Question

Hi,

I have Multiselected ddl and textbox . i am selecting item from ddl and insert email id related to ddl item.

code in JS onchange event

1) if i am selecting ID2 and ID4 that time " [email protected]" hardcoded in js automatically inserted in emailid textbox and remaining are manually inserted by user.

2)If i am removing second ID2 from ddl that time emailId "b@gmail." texbox value related to item remove and remainig as it in textbox.

Jayraj Chhaya · Answer

To achieve this functionality, you can use JavaScript in the onchange event of the dropdown list. Define your dropdown list and textbox in the ASP.NET markup Implement the JavaScript function to handle the dropdown change: function handleDropdownChange() { var selectedItems = $('#ddlItems').val(); var predefinedEmails = { 'ID2': 'b@gmail.com', 'ID4': 'b@gmail.com' }; var emailsToInsert = selectedItems.filter(item => predefinedEmails[item]); var manualEmails = selectedItems.filter(item => !predefinedEmails[item]); var finalEmails = emailsToInsert.map(item => predefinedEmails[item]).concat(manualEmails); $('#txtEmail').val(finalEmails.join(', ')); } Ensure that the JavaScript function updates the textbox with the appropriate email IDs based on the selected dropdown items. Handle the removal of items from the dropdown list by adjusting the textbox value accordingly in the handleDropdownChange function.

Amit · Answer

Handle the removal of items from the dropdown list by adjusting the textbox value accordingly in the handleDropdownChange function. How to handle if click on ddl item and textbox value remove.