Javascript/Html How to disable a dropdown box with a dropdown box

Question

Just wondering can anyone give me an example on how to disable a dropdown box, when an option in one isnt selected?

e.g

<td class="Item">State(Aus only):</td>
<td class="Data">
  <select class="TextBox" name="State" id="selectState">   
   <option>New South Wales</option>
   <option>Northern Territory</option>
   <option>Queensland</option>
  </select>
 </td>



 <td class="Item">Country:</td>
 <td class="Data">
   <select class="TextBox" name="Country" id="selectCountry">
    <option value="Australia" id="Australia" name="Australia">Australia</option>
    <option value="Braz">Brazil</option>
   <option value="China">China</option>
  </select>     
 </td>

   <script>
   function selected()
if(document.selectCountry.checked)      
{
document.getElementById("selectCountry.Australia").disabled = false;
    }   
else
    {   
document.getElementById("selectCountry.Australia").disabled = true;
}
  </script>

I want the State dropdown disabled with JAVASCRIPT unless Country is selected to be Australia.. can I get some help please?

I'm still kinda new to this whole Javascript coding so sorry if my code is bad but i hope you get my question

Sandeeproop · Accepted Answer · 2014-06-10 05:23:38Z

1

You need to fix you js code like this

function selected(){
 if(document.getElementById("selectCountry").value == "Australia") {
   document.getElementById("selectState").removeAttribute("disabled");
 }   
 else {   
   document.getElementById("selectState").setAttribute("disabled","disabled");
 }
}

Here is the fiddle for above code

Updated fiddle to call the function on page load if country is not by default "Australia"

edited Jun 10, 2014 at 5:23

answered Jun 10, 2014 at 4:57

Sandeeproop

1,7761 gold badge12 silver badges18 bronze badges

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

5 Comments

King Over a year ago

I tried to do this but it didn't work? I understand the code, but uh.. yeah

King Over a year ago

Is there something I might have to add to the select tag to call that function? or?

Sandeeproop Over a year ago

Yes you have to call your function on "onchange" event of country selectbox. Also you can call this function on page load to set default value. rest will be handled by "onchange" function call

Sandeeproop Over a year ago

Check the updated fiddle for calling the function on page load.

King Over a year ago

Thank you very much! Appreciate you taking time to help us newbies!

Collectives™ on Stack Overflow

Javascript/Html How to disable a dropdown box with a dropdown box

1 Answer 1

5 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

5 Comments

Your Answer

Sign up or log in

Post as a guest

Related