How to disable/enable TextBox from javascript?

[adgr]

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

  }

}

[Narayanasamy Panneer Selvam]

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.