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; }

how to disabled and enabled combobox in javascript

Insert Link

Embed YouTube Video

Table Options

Insert Image

Answers (4)