Question

I am trying to select an item in a ListBox based on text entered in a textbox using jquery. If the length of the text entered in the textbox is greater than 1 I would like to loop through the items in the ListBox and compare the value of each item and if it matches the numbers entered in the textbox I need to select/highlight it in the ListBox. Here is what I am doing but doesn t seem to work. The ListBox ListItem s are populated at runtime from the database.

Asp.Net

<asp:TextBox ID="txtMediaCode" runat="server" MaxLength="2" Width="40px" />
<asp:ListBox ID="lsMediaCodes" runat="server" Width="296px" />

Jquery

<script type="text/javascript">

    $(document).ready(function () {

        $( #txtMediaCode ).keyup(function () {
            if ($( #txtMediaCode ).length > 1) {
                $( #lsMediaCodes ).each(function (i, option) {

                    if ($(option).val() == $( #txtMediaCode ).val()) {
                        $(option).attr( selected ,  selected );
                    }

                });
            }
        });

    });

</script>

是否有任何建议?

Answer 1

Try -

$(document).ready(function() {
    $( #txtMediaCode ).keyup(function() {
        console.log( in )
        if ($( #txtMediaCode ).val().length > 1) {
            $( #lsMediaCodes > option ).each(function(i, option) {
                if ($(option).val() == $( #txtMediaCode ).val()) {
                    $(option).attr( selected ,  selected );
                }
            });
        }
    });
});

这是你的法典,同时做了一些改动:

It now checks the length of the value in #txtMediaCode textbox rather than how many elements are on the page
The each selector has changed to $( #lsMediaCodes > option ).each( this will select all option elements rather than just the list itself

Demo - 。

Answer 2

类似情况:

selectMediaCode ($("#<%txtMediaCode.ClientID%>").val());

selectMediaCode = function(text){    
    $("#<%=lsMediaCodes.ClientID%> option:contains( " + text + " )").attr("selected", "selected");
}

你也可以这样做:

selectMediaCode = function(text){     
    $("#<%=lsMediaCodes.ClientID%> option[value= " + text + " ]").attr("selected", "selected"); 
}

http://www.ohchr.org。

我认为你甚至可以这样做:

selectMediaCode = function(text){     
    $("#<%=lsMediaCodes.ClientID%>").val(text);
}

Answer 3

你们需要做一些事情才能完成这项工作。首先,你们需要为任何伙伴关系使用一种像以下的挑选器。 NET控制:

$( #<%= lsMediaCodes.ClientID %> )

当对蚊帐进行控制时,有与你对蚊帐的控制截然不同的身份证。

接下来,你需要研究清单Box生成的哪些html要素,以保存每个清单项目,而不是选择清单Box。

当你创建协会时。该网络在你的项目中控制不构成伙伴关系。 NET,成为超文本。既然如此,你必须说明每一项控制的结果,就像你想要用javascript/jQuery与其合作一样。

友情链接