Highlight column value in table row

Question

Hi

I have below code . I want when value in dropdown changes then it should search that Session Delivery No value in table row & highlight that column

htmlTable.Append("<tr>");
                        htmlTable.Append("<td style='display:none'>" + colum.SessionDeliveryCalendarID + "</td>");
                        htmlTable.Append("<td style='display:none'>" + colum.BookID + "</td>");
                        htmlTable.Append("<td style='display:none'>" + colum.SessionID + "</td>");

                        htmlTable.Append("<td>" + colum.SessionDeliveryNo + "</td>");
htmlTable.Append("</tr>");
PlaceHolderTable.Controls.Add(new Literal { Text = htmlTable.ToString() });


protected void ddl_SelectedIndexChanged(object sender, EventArgs e)
        {
// session deleivery no value
}

Thanks

Mohamed Azarudeen Z · Answer

Hi ramco try this Add a class to your CSS file to define the highlighting style. For example: .highlight { background-color: yellow; } Modify your code to include a class attribute in the HTML table cell where you display the SessionDeliveryNo value. The class attribute will be initially empty, but we'll update it dynamically based on the dropdown selection. Replace the line that appends the table cell as follows: htmlTable.Append(" " + colum.SessionDeliveryNo + " "); Add the following JavaScript code to your page, preferably within a tag or in an external JavaScript file: // Get the dropdown element var ddl = document.getElementById("ddl"); // Attach an event listener to the dropdown's change event ddl.addEventListener("change", function () { var selectedValue = ddl.value; // Get all the table cells with the 'sessionDeliveryNo' class var cells = document.getElementsByClassName("sessionDeliveryNo"); // Loop through the cells and remove any existing highlighting for (var i = 0; i