how to disabled and enabled combobox in javascript

Question

sir how can disabled and enabled kendocombobox when select the other control in javascript.give me sample example code. i am beginner of javascript regards A.sureshkumar

Upendra Pratap Shahi · Answer

function disable() { document.getElementById(mySelect).disabled=true; } function enable() { document.getElementById(mySelect).disabled=false; } Apple Pear Banana Orange Kindly accept the answer .

suresh kumar · Answer

ok sir i give my code details below.after that u give suggestion in my code.i need very urgent today sir for example i click any one control. at the time remaining control enabled. after that mouse leave the control all control is normal mode.so i give my code below. give me example related my code. Load Type: Begin Date: End Date: Status: Search: Tractor: @(Html.Kendo().ComboBox() .Name(cboFltLoadType) .HtmlAttributes(new { style = width:100px; }) .DataTextField(Description) .DataValueField(Type) .AutoBind(false) //AutoBind(true) .Filter(FilterType.Contains) .DataSource(ds => ds.Read(read => read.Action(GetDispatchLoadTypeList Dispatch))) .HeaderTemplate( Code Name ) .Template( #:data.Type# #:data.Description# ) ) @(Html.Kendo().DatePicker() .Name(dpFltBeginDate) .Min(new DateTime(1900 1 1)) .Max(new DateTime(2099 12 31)) .HtmlAttributes(new { style = width:85px; }) .Format(MM/dd/yy) .ParseFormats(new string[] { MM/dd/yy }) .Value(DateTime.Now) ) @(Html.Kendo().DatePicker() .Name(dpFltEndDate) .Min(new DateTime(1900 1 1)) .Max(new DateTime(2099 12 31)) .HtmlAttributes(new { style = width:85px; }) .Format(MM/dd/yy) .ParseFormats(new string[] { MM/dd/yy }) .Value(DateTime.Now) ) @(Html.Kendo().ComboBox() .Name(cboFltStatus) .HtmlAttributes(new { style = width:100px; }) .DataTextField(Description) .DataValueField(Status) .AutoBind(false) .Filter(FilterType.Contains) .DataSource(ds => ds.Read(read => read.Action(GetDispatchLoadStatusList Dispatch))) .HeaderTemplate( Code Name ) .Template( #:data.Status# #:data.Description# ) ) @(Html.Kendo().DropDownList() .Name(ddlFltSearch) .DataTextField(Text) .DataValueField(Value) .HtmlAttributes(new { style = width:85px; }) .BindTo(new List () { new SelectListItem() { Text = Tractor Value = TR } new SelectListItem() { Text = Trailer Value = TL } new SelectListItem() { Text = Driver Value = DRV } new SelectListItem() { Text = Load No Value = LN } }) .Events(ev => ev.Change(ChangeSearch)) ) @(Html.Kendo().ComboBox() .Name(cboFltLoadNo) .DataTextField(LoadNo) .DataValueField(LoadNo) .AutoBind(false) //.MinLength(2) .Events(e => e.Open(OnOpenLoadNo)) .Filter(FilterType.Contains) .HtmlAttributes(new { style = width:100px; }) .DataSource(dataSource => dataSource .Read(read => read.Action(GetDispatchLoadNoList Dispatch).Data(GetLoadNoFilterData)).ServerFiltering(true)) ) @(Html.Kendo().ComboBox() .Name(cboFltTractor) .DataTextField(EquipmentId) .DataValueField(Id) .AutoBind(false) .MinLength(2) .Filter(FilterType.Contains) .HtmlAttributes(new { style = width:100px; }) .DataSource(ds => ds.Read(read => read.Action(GetTractorList Dispatch)) .ServerFiltering(true)) .HeaderTemplate( Code Location  +  Status ) .Template( #:data.EquipmentId# #:data.Location#  +  #:data.StatusDes# ) ) @(Html.Kendo().ComboBox() .Name(cboFltTrailer) .DataTextField(EquipmentId) .DataValueField(Id) .AutoBind(false) .MinLength(2) .Filter(FilterType.Contains) .HtmlAttributes(new { style = width:100px; }) .DataSource(ds => ds.Read(read => read.Action(GetTrailerList Dispatch)) .ServerFiltering(true)) .HeaderTemplate( Code Location  +  Status ) .Template( #:data.EquipmentId# #:data.Location#  +  #:data.StatusDes# ) ) @(Html.Kendo().ComboBox() .Name(cboFltDriver) .DataTextField(DriverId) .DataValueField(Id) .AutoBind(false) .MinLength(2) .Filter(FilterType.Contains) .HtmlAttributes(new { style = width:100px; }) .DataSource(ds => ds.Read(read => read.Action(GetDriverList Dispatch)) .ServerFiltering(true)) .HeaderTemplate( Code First Name  +  Last Name Status ) .Template( #:data.DriverId# #:data.FirstName#  +  #:data.LastName# #:data.StatusDes# ) ) Org Dest @(Html.Kendo().MultiSelect() .Name(mltState) .DataValueField(StateCode) .DataTextField(StateCode) .Placeholder( --- Select states ---) .HtmlAttributes(new { style = width: 135px;height:52px }) .DataSource(source => { source.Read(read => { read.Action(GetStateList Dispatch); }); }) .Filter(startswith) .Height(300) .MaxSelectedItems(5) .HighlightFirst(true) .HeaderTemplate( Code Name ) .ItemTemplate( #:data.StateCode# #:data.StateName# ) ) Lease: Filter Clear

Jignesh Trivedi · Answer

Hi using document.getElementById(id).disabled property you can Disable and Enable the combo box. Please try code on http://www.w3schools.com/js/tryit.asp?filename=try_dom_select_disabled hope this will help you.

Nishant Mittal · Answer

Tyy this function makeEnable(value){ document.getElementById(Chill).disabled = value; }