How to set multiple properties in Javascript

Question

I want to disable an element and also set its placeholder in Javascript.

I'm able to do this with the below code (I'm referring to the writecontent element).

function toggleType() {
    var type = document.querySelector('select[name="type"]').value;

    if(type == 'Review') {
        aboutreview.style.visibility = ('visible');
        document.querySelector('.writecontent').disabled = true;
        document.querySelector('.writecontent').placeholder = "Not available in Review";

    } else if (type == 'Discussion' || '') {
        aboutreview.style.visibility = ('hidden');
        document.querySelector('.writecontent').disabled = false;

Instead of calling the element twice, how would I set the disabled and placeholder at the same time when calling the element the first time?

Btw your second condition won't do what you think. You need if (type == 'Discussion' || type == '') or if ((type || 'Discussion') == 'Discussion') — CherryDT
– CherryDT, Commented May 4, 2020 at 16:47

Ashish Ranjan · Accepted Answer · 2020-05-04 16:26:59Z

1

May be by storing the element reference in a variable.

 const writeElem  = document.querySelector('.writecontent');
 if (writeElem) {
     writeElem.disabled = true;
     writeElem.placeholder = "Not available in Review";
 }

answered May 4, 2020 at 16:26

Ashish Ranjan

13k5 gold badges32 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How to set multiple properties in Javascript

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related