如何使用jquery启用下拉列表 [英] How to enable dropdownlist using jquery
问题描述
我有2个下拉列表和1个文本框我填写下拉使用webservice ..
区DistrictCode
bangalore 1
chennai 2
孟买3
两个下拉列表名称是ddldistrict，ddltaluk（这里ddldistrict是父级，ddltaluk是小孩）
文本框名称是txtdistrictcode
如果我选择ddldistrict像bangalore，chennai，mumbai有关districtid将绑定在txtdistrictcode文本框中并且有关taluk将填写ddltaluk让我们说如果我在ddldistrict中选择bangalore为该bangalore id为1所以1 ll bind in the districtid工作正常的文本框。现在的问题是如果我在ddldistrictid中键入1，相关的bangalore应该绑定在ddldistrict中也工作正常但子文本框（ddltaluk）没有填充并且它被禁用。但是，如果我选择了ddldistrict bangalore，districtid就会绑定，而taluk也会填充。
我使用jquery进行双向绑定（ddldistrict到txtdistrictid和txtdistrictid到ddldistrict）
$（ ＃ContentPlaceHolder1_ddlDistrict）。live （ change， function （） {
var selectedText = $（ ＃ ContentPlaceHolder1_ddlDistrict选项：选中）。val（）;
if （selectedText！= ）{
$（' ＃ContentPlaceHolder1_txtDistrict_Code_I'）。val（selectedText）;
}
else if （selectedText == < span class =code-string>）{
$（' .ajax__validatorcallout_popup_table_row' ）隐藏（）;
$（' ＃ContentPlaceHolder1_ddlDistrict'）。focus（）;
$（' ＃ContentPlaceHolder1_txtDistrict_Code_I'）。val（' '）;
}
其他 {
$（' ＃ContentPlaceHolder1_txtDistrict_Code_I'）。val（' '）;
$（' ＃ContentPlaceHolder1_ddlDistrict'）。val（' '）;
alert（' 所选区域没有代码'）;
$（' ＃ContentPlaceHolder1_ddlDistrict'）。focus（）;
}
}）;
$（ ＃ContentPlaceHolder1_txtDistrict_Code_I）。live（ focusout， function （）{
var selectedText = $（ ＃ContentPlaceHolder1_txtDistrict_Code_I）。val（）;
if （selectedText！= ）{
$（' ＃ContentPlaceHolder1_ddlDistrict' ）.val（selectedText）;
var selectedvalue = $（ ＃ContentPlaceHolder1_ddlDistrict选项：选中）。val（）;
if （sel ectedvalue == ）{
alert（ 无效的区号，请输入有效的代码）;
$（ ＃ContentPlaceHolder1_txtDistrict_Code_I）。val（' '）;
$（ ＃ContentPlaceHolder1_txtDistrict_Code_I）。focus（）;
}
}
}）;
对于填充级联下拉列表，我使用了webservices：
父控制
[WebMethod]
public Ajx [] get_Districts（字符串 knownCategoryValues，字符串类别）
{
DataTable dtMainModule = new DataTable（）;
string StateID;
StringDictionary MainModuleValues = CascadingDropDown.ParseKnownCategoryValuesString（knownCategoryValues）;
StateID = 09; // MainModuleValues [StateID];
dtMainModule = odal.ReturnDt（ @ 从bindDimpa.tblDistrict中选择不同的fldDistrictCode，fldDistrictName，其中fldStateID =' + StateID + '按fldDistrictName排序）;
列表< AJX> objMainModule = new 列表< AJX>（）;
foreach （DataRow dr in dtMainModule.Rows）
{
objMainModule.Add（ new Ajx（Convert.ToString（dr [ fldDistrictName]），Convert.ToString（dr [ fldDistrictCode]）））;
}
return objMainModule.ToArray（）;
}
子控件
[WebMethod]
public CascadingDropDownNameValue [] getTaluks（ string knownCategoryValues， string category）
{
DataTable dtMainModule = new DataTable（）;
string fldDistrictID;
StringDictionary MainModuleValues = AjaxControlToolkit.CascadingDropDown.ParseKnownCategoryValuesString（knownCategoryValues）;
fldDistrictID = MainModuleValues [ DistrictID];
dtMainModule = odal.ReturnDt（ @ 从bindPS.tblVillage中选择DISTINCT Dist_TehsilID，Tehsilaspercensus2001，其中TehsilID不为null和DistrictID =' + fldDistrictID + '）;
List< cascadingdropdownnamevalue> objMainModule = new List< cascadingdropdownnamevalue>（）;
foreach （DataRow dr in dtMainModule.Rows）
{
objMainModule.Add（ new CascadingDropDownNameValue（Convert.ToString（dr [ Tehsilaspercensus2001]），Convert.ToString（dr [ Dist_TehsilID]）））;
}
return objMainModule.ToArray（）;
} < / cascadingdropdownnamevalue > < / cascadingdropdownnamevalue >
（ ＃ContentPlaceHolder1_ddlDistrict）。live（ change， function （）{
var selectedText =
（ ＃ContentPlaceHolder1_ddlDistrict选项：选择）。val（）;
if （selectedText！= ）{
< blockquote>（' ＃ContentPlaceHolder1_txtDistrict_Code_I'）。val（selectedText）;
}
else if （selectedText == ）{
I have 2 dropdownlist and 1 textbox i m filling dropdown using webservice..
District DistrictCode
bangalore 1
chennai 2
mumbai 3
Two dropdownlist names are ddldistrict,ddltaluk( here ddldistrict is parent, ddltaluk is child)
textbox name is txtdistrictcode
if i selected ddldistrict like bangalore,chennai,mumbai that concerned districtid will bind in the txtdistrictcode textbox and concerned taluk will fill in the ddltaluk Let's say if i selected bangalore in ddldistrict for that bangalore id is 1 so 1 ll bind in the districtid textbox that is working fine.Now the problem is if i type 1 in ddldistrictid the concerned bangalore should bind in the ddldistrict that also working fine but the child textbox(ddltaluk) is not filling and it is disabled. But if i selected ddldistrict bangalore the districtid is binding and taluk is also filling.
I used jquery for bidirection binding( ddldistrict to txtdistrictid and txtdistrictid to ddldistrict)
$("#ContentPlaceHolder1_ddlDistrict").live("change", function () {
var selectedText = $("#ContentPlaceHolder1_ddlDistrict option:selected").val();
if (selectedText != "") {
$('#ContentPlaceHolder1_txtDistrict_Code_I').val(selectedText);
}
else if (selectedText == "") {
$('.ajax__validatorcallout_popup_table_row').hide();
$('#ContentPlaceHolder1_ddlDistrict').focus();
$('#ContentPlaceHolder1_txtDistrict_Code_I').val('');
}
else {
$('#ContentPlaceHolder1_txtDistrict_Code_I').val('');
$('#ContentPlaceHolder1_ddlDistrict').val('');
alert('There is no Code for Selected District');
$('#ContentPlaceHolder1_ddlDistrict').focus();
}
});
$("#ContentPlaceHolder1_txtDistrict_Code_I").live("focusout", function () {
var selectedText = $("#ContentPlaceHolder1_txtDistrict_Code_I").val();
if (selectedText != "") {
$('#ContentPlaceHolder1_ddlDistrict').val(selectedText);
var selectedvalue = $("#ContentPlaceHolder1_ddlDistrict option:selected").val();
if (selectedvalue == "") {
alert("Invalid District Code, Please Enter valid Code");
$("#ContentPlaceHolder1_txtDistrict_Code_I").val('');
$("#ContentPlaceHolder1_txtDistrict_Code_I").focus();
}
}
});
For Filling Cascading dropdownlist i used webservices:
Parent Control
[WebMethod]
public Ajx[] get_Districts(string knownCategoryValues, string category)
{
DataTable dtMainModule = new DataTable();
string StateID;
StringDictionary MainModuleValues = CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues);
StateID = "09";// MainModuleValues["StateID"];
dtMainModule = odal.ReturnDt(@"select distinct fldDistrictCode,fldDistrictName from bindDimpa.tblDistrict where fldStateID='" + StateID + "' order by fldDistrictName");
List< Ajx> objMainModule = new List< Ajx>();
foreach (DataRow dr in dtMainModule.Rows)
{
objMainModule.Add(new Ajx(Convert.ToString(dr["fldDistrictName"]), Convert.ToString(dr["fldDistrictCode"])));
}
return objMainModule.ToArray();
}
Child Control
[WebMethod]
public CascadingDropDownNameValue[] getTaluks(string knownCategoryValues, string category)
{
DataTable dtMainModule = new DataTable();
string fldDistrictID;
StringDictionary MainModuleValues = AjaxControlToolkit.CascadingDropDown.ParseKnownCategoryValuesString(knownCategoryValues);
fldDistrictID = MainModuleValues["DistrictID"];
dtMainModule = odal.ReturnDt(@"select DISTINCT Dist_TehsilID,Tehsilaspercensus2001 from bindPS.tblVillage where TehsilID is not null and DistrictID='" + fldDistrictID + "'");
List<cascadingdropdownnamevalue> objMainModule = new List<cascadingdropdownnamevalue>();
foreach (DataRow dr in dtMainModule.Rows)
{
objMainModule.Add(new CascadingDropDownNameValue(Convert.ToString(dr["Tehsilaspercensus2001"]), Convert.ToString(dr["Dist_TehsilID"])));
}
return objMainModule.ToArray();
}</cascadingdropdownnamevalue></cascadingdropdownnamevalue>("#ContentPlaceHolder1_ddlDistrict").live("change", function () { var selectedText =
("#ContentPlaceHolder1_ddlDistrict option:selected").val(); if (selectedText != "") {
('#ContentPlaceHolder1_txtDistrict_Code_I').val(selectedText); } else if (selectedText == "") {
这篇关于如何使用jquery启用下拉列表的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！
