I have a listbox with searchable entries. Search is achieved using textbox.
<script type="text/javascript">
function fnSearchListBox() {
var strSearchValue = document.getElementById('<%= txtsSearchSernm.ClientID %>');
if ($("#txtsSearchSernm").val().length == 0) {
fnClearSelection();
}
for (var i = 0; i < document.getElementById("lstSServices").options.length; i++) {
if (document.getElementById("lstSServices").options[i].text.toLowerCase().match(strSearchValue.value.toLowerCase())) {
document.getElementById("lstSServices").options[i].selected = true;
//document.getElementById('lstSServices').options[i].style.color = "blue";
return false;
}
else {
fnClearSelection();
}
}
}
function fnClearSelection() {
document.getElementById("lstSServices").selectedIndex = -1;
}
</script><asp:ListBox ID="lstSServices" runat="server" Height="203px" Width="272px"
SelectionMode="Single"
onselectedindexchanged="lstSServices_SelectedIndexChanged" AutoPostBack="true"></asp:ListBox><asp:TextBox ID="txtsSearchSernm" runat="server" CssClass="textfield-mandatory" Width="264px"
placeholder="Service Name" onkeyup="fnSearchListBox();" AutoComplete="off"></asp:TextBox>If i click on any item in lisbox then list box click event
lstSServices_SelectedIndexChanged
get fired. But after searching something, the matched value is highlighted using javascript, on click of that matched value the selectedindex changed event does not fire .
help pls