0 
protected void Page_Load(object sender, EventArgs e)
{
    dr = new MySqlDataAdapter("select * from cus_mas_det", conn);
    ds = new DataSet();

    dr.Fill(ds, "cus_mas_det");
    DataTable CodeDesc = new DataTable();
    conn.Open();
    dr = new MySqlDataAdapter("select tvl_code, concat_ws(',', tvl_code, citi_name) citiname from code_desc where travel_mode = 'BUS'", conn);
    ds1 = new DataSet();
    dr.Fill(ds1);
    ddlfrom.DataSource = ds1;
    ddlfrom.DataTextField = "citiname";
    ddlfrom.DataValueField = "tvl_code";
    ddlfrom.DataBind();
    txtbookingdate.Text = System.DateTime.Now.ToString("yyyy/MM/dd");
    txtbookingdate.ReadOnly = true;
    txtbookingref.Text = autoid();
    txtbookingref.ReadOnly = true;
}

我有一个 asp 页面，其中有文本框和组合框，我正在从数据库中填充组合框，如上面的代码中给出的那样，我能够填充它。
现在我的问题是我想通过在组合框中输入任何单词来搜索元素。
例如，如果我输入单词“Ab”，它应该显示所有以“Ab”开头的元素。
怎么做？

   <asp:ComboBox ID="ddlfrom" class="chzn-select" runat="server"  
                                            DataTextField="name" DataValueField="name" MaxLength="0" 
                                            style="display: inline;" 
                                            onselectedindexchanged="ddlfrom_SelectedIndexChanged1">

                                        </asp:ComboBox>
4

3 回答 3

0

您需要使用 AJAX 执行此客户端。

  1. 创建一个 Web 服务或使用一个页面方法，该方法将一些搜索文本作为参数，然后返回您需要的数据。

  2. 客户端 - 使用 JavaScript/jQuery 处理按键事件并更新您的组合框或您当时使用的任何控件。

使用 jQuery 的示例：

$('#<%= txtBox.ClientID %>').keypress(function () {

    var currentText = $(this).val();

    $.get('some_web_service', { searchText: currentText }, function (data) {
        // update combo box here using data
    });

});

这假设您有一个名为 some_web_service 的 Web 服务，它将返回您需要的数据。

或者，您可以将整个内容放在 UpdatePanel 中并处理按键事件，但这样做的性能不会那么好。

于 2013-11-12T09:58:34.237 回答
0

我不认为你可以用 ASP.Net 组合框做这样的搜索，而是你应该尝试一些 类似的东西

于 2013-11-12T10:01:32.970 回答
0

您可以从这里使用选择的 jquery 插件Harveshq.github.io/chosen/

所以你可以在下拉列表中搜索关键字试试这个插件。

这可能会帮助您使用如何在我的 html 文件中使用选择的 jQuery？

将所需的 js 和 css 文件添加到页面将类分配给下拉列表，如下所示：-

    <head>
    <link rel="stylesheet" href="http://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css">
    <script src="http://code.jquery.com/jquery-1.8.3.js"></script>
    <script src="http://code.jquery.com/ui/1.9.2/jquery-ui.js"></script>
    <script src="http://harvesthq.github.com/chosen/chosen/chosen.jquery.js"></script>
    <link rel="stylesheet" href="http://harvesthq.github.com/chosen/chosen/chosen.css">
<script type="text/javascript">
$(function(){
    $(".chzn-select").chosen();
});
</script>
    </head>
    <body>

将课程分配给您的下拉列表

<asp:DropDownList ID="dr_list" runat="server" CssClass="chzn-select">
   <asp:ListItem Value="-1" Text=""></asp:ListItem>
      </asp:DropDownList>

在这里下载

于 2013-11-12T10:11:19.150 回答