how to disabled and enabled combobox in javascript

Kindly accept the answer.

+1

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:

+1

Jignesh Trivedi11y ago

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.

+1

Nishant Mittal11y ago

Tyy this

function makeEnable(value){

document.getElementById("Chill").disabled = value;

}

+2