How to disable/enable TextBox from javascript?

Thread ID:	Created:	Updated:	Platform:	Replies:
148088	Oct 4,2019 03:13 PM UTC	Oct 8,2019 03:48 AM UTC	ASP.NET Core - EJ 2	1

Subscribe to this post

Tags: Text Box

adgr

Asked On October 4, 2019 03:13 PM UTC

Hi,

How to disable/enable TextBox control on runtime from javascript?
I have change event applied to DropDownList and want to enable/disable TextBox depends on value from DropDownList.

Code example:

function DropDownListOnChange() {

var listObj = document.getElementById('drop_down').ej2_instances[0];

var value = listObj.value;

var textBoxObj = document.getElementById('text_box').ej2_instances[0];

if( value == 1) {

// how to disable TextBox element ???

textBoxObj.disable(); // <- this don't work

} else {

textBoxObj.enable(); // <- this don't work

}

Reply | Reply with quote

Narayanasamy Panneer Selvam [Syncfusion]

Replied On October 8, 2019 03:48 AM UTC

Hi Adgr,

Greetings from Syncfusion support.

We have validated your requirement and have prepared a sample based on that. We have enabled api for textbox control, based on boolen value we can enable or disable control. In the below sample we have updated value through dropDown control’s value change event. Please find the corresponding code snippet in below,

function onValueChange(args) {

if (args.value === "disable") {

ejsTextBox.enabled = false;

} else {

ejsTextBox.enabled = true;

}

Demo sample: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Core_EJ21183546997

API Reference: https://ej2.syncfusion.com/documentation/api/textbox/#enabled

Regards,

Narayanasamy P.

Reply | Reply with quote

CONTACT US

How to disable/enable TextBox from javascript?

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US