how to change required to disable by javascript?-CodePudding

i am doing to change 2nd select tag name by javascript.

this is my HTML

1st select

<select name="bank" id="bank" class="select" onchange="myFunction(event)">
    <option value="Bank Account" a="required">Bank Account</option>
    <option value="UPI" a="hidden">UPI</option>
</select>

2nd Select

<select name="bank1" class="select" id="bank1" required>
    <option disabled selected>Choose Bank Name</option>
    <option value="SBI">SBI</option>
    <option value="PNB" >PNB</option>
</select>

this is my javascript

function myFunction(e) {
    document.getElementById("bank1").name = e.target.a

but i want to change in 2nd select required to hidden

CodePudding user response：

probably you are looking for setAttribute.

document.getElementById("bank1").required = false;

And for style mutation. As @Kokodoko had already written.

document.getElementById("bank1").classList.add("hidden")

CodePudding user response：

Do you want to hide the second select box completely?

function myFunction(e) {
    document.getElementById("bank1").classList.add("hidden")
}

CSS

#bank1.hidden {
     display:none;
}