Search a column in a table & highlight

Question

Hi

In below code i want to search say ddl1 selected value & then highlight Book Title

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

    htmlTable.Append("<td>" + Count.ToString() + "</td>");
    
 
htmlTable.Append("<td>" + colum.SessionDeliveryNo + "</td>");
 
if (Res.BookAvailableForSession == true)
{
    htmlTable.Append("<td>" + Res.BookTitle + "</td>");
}
</tr>
 PlaceHolderTable.Controls.Add(new Literal { Text = htmlTable.ToString() });
</table>

Thanks

Amit Mohanty · Answer

Check this var ddl = document.getElementById("ddlBook"); // Attach an event listener to the dropdown's change event ddl.addEventListener("change", function () { var selectedValue = ddl.value; var table = document.getElementById("myTable"); // Replace "myTable" with the ID of your table for (var i = 0; i

Ramco Ramco · Answer

Hi Amit I need how to loop thru table using Javascript . If the selected dropdown value matches the column then it should highlight that column . I am trying something like below : var ddl = document.getElementById("ddlBook"); alert(ddl); // Attach an event listener to the dropdown's change event ddl.addEventListener("change", function () { var selectedValue = ddl.value; }); Thanks

Amit Mohanty · Answer

htmlTable.Append(" "); htmlTable.Append(" " + colum.SessionDeliveryCalendarID + " "); htmlTable.Append(" " + colum.BookID + " "); htmlTable.Append(" " + Count.ToString() + " "); htmlTable.Append(" " + colum.SessionDeliveryNo + " "); if (Res.BookAvailableForSession == true) { string bookTitle = Res.BookTitle; string selectedValue = ddl1.SelectedValue; if (bookTitle.Equals(selectedValue)) { htmlTable.Append(" " + bookTitle + " "); } else { htmlTable.Append(" " + bookTitle + " "); } } htmlTable.Append(" "); PlaceHolderTable.Controls.Add(new Literal { Text = htmlTable.ToString() });