Menu
Community /Pin to ProfileBookmark
@daveyerwinJun 10.2021 — #@PonyRosa#1632787
How to block a dropdown if another is active?
Hello, I’m creating my first web page, and I want to do something simple for a test with javascript.
I have tried to do it in various ways but I am not getting the result I want. Could someone take the time to put the structure together so I can review it and learn how to do it?
Objetive:
I have two dropdowns, I want that when I select Active in the first one, the second dropdown is automatically put in Active and blocked, so that the user cannot interact with it.
How could I do it using only javascript?
Sign in
to post a comment3 Comments(s) ↴
0
@daveyerwinJun 10.2021 — #``<i>
</i><select>
<option value="Active">ACTIVE</option>
<option value="Sedated" selected>SEDATED</option>
</select>
<select name="choice" disabled>
<option value="first">First Value</option>
<option value="second" selected>Second Value</option>
<option value="third">Third Value</option>
</select>
<script>
document.querySelector('select').onchange=function(){
if(this.selectedOptions[0].value === 'Active')
document.querySelectorAll('select')[1].disabled = false
else
document.querySelectorAll('select')[1].disabled = true;
}
</script><i>
</i>``