使自动完成工作在下拉列表中，并使其填充另一个下拉列表的内容

我想摆脱服务器端控件，因为这是回发问题。我想要有两个从数据库填充的选择框。页面加载时，我将有一个下拉框，将已经从数据库中预先填充：使自动完成工作在下拉列表中，并使其填充另一个下拉列表的内容

<select ID="cboCustomers"> 
    <option value="0">--Select a Sold-to customer--</option> 
    <option value="1">Customer1</option> 
    <option value="2">Customer2</option> 
    <option value="3">Customer3</option> 
    <option value="4">Customer4</option> 
</select> 

<select ID="cboShipTo"> 
    <option value="0">--Select a Ship-to customer--</option> 
</select>

第一个下拉应该自动完成启用，当选择的值，它应该使用AJAX来填充第二降下拉列表中包含可供所选售罄客户使用的交运客户。我有一个对象，将采取参数并返回适当的数据。我的问题是如何完成上述。你可以提供一些示例代码或jsFiddle来完成我所要求的吗？在此先感谢您的帮助！

来源

2014-02-12 Michael Mahony

我有同样的问题，但寻找互联网找到了一些资源。

首先进行AJAX一句：

jQuery的

$('#cboCustomers').onchange(function(){ 
var $valueTofound = $(this).val(); 
$.ajax({ 
type: "POST", 
url: "Your URL", 
data: Json.stringify({valueTofound : $valueTofound }), //You will pass data to code behind 
contentType: "application/json; charset=utf-8", 
dataType: "json", 
success: function (data) { 
$.each(jQuery.parseJSON(data.d), function() { 
     $("#ddlRecords").append($("<option> </option>").val(this['ID']).html(this['Name'])); //fill the dropdown 
}); 
}, 
error: function (msg) { 
//error 
} 
}); 
}); 
});

代码隐藏C＃

[WebMethod] 
    public static string GetResultset(string valueTofound) 
    { 
     DataTable dataTable = new System.Data.DataTable(); //create a DataTable 
     using (SqlConnection sqlConnection = new SqlConnection(ConfigurationManager.ConnectionStrings["MyConnectionString"].ConnectionString)) 
    { 
     try 
     { 
     SqlDataAdapter sqlDataAdapter = new SqlDataAdapter("DO your Select", sqlConnection); 
     sqlDataAdapter.Fill(dataTable); //Fill the Datatable 
     return JsonConvert.SerializeObject(dataTable); //return to Jquery 
     } 
     catch (Exception ex) 
     { 
     throw ex; 
     } 
    } 
}

那么这将帮助你，或者你有一些其他的网页：

How to fill Dropdown from c# Other page

来源

2014-02-12 22:58:40

谢谢@freak_droid，但在第一个下拉列表中输入时自动完成/ autofind如何？ –

@MichaelMahony我认为是一样的，因为onchange事件是当你的类型或更改选项时触发的，在我的情况下，我使用的是没有完成的事情，但我很确定是以同样的方式。 –

我的错误甚至是keyup或按键 –

使自动完成工作在下拉列表中，并使其填充另一个下拉列表的内容

回答

相关问题