un-disable dropdown box

•

What is DaniWeb IT Discussion Community?

You're currently browsing the JavaScript / DHTML / AJAX section within the Web Development category of DaniWeb, a massive community of 427,839 software developers, web developers, Internet marketers, and tech gurus who are all enthusiastic about making contacts, networking, and learning from each other. In fact, there are 3,753 IT professionals currently interacting right now! Registration is free, only takes a minute and lets you enjoy all of the interactive features of the site.

Join our community!

Please support our JavaScript / DHTML / AJAX advertiser: Lunarpages Web Hosting

Thread Tools Display Modes

Views: 1352 | Replies: 6 | Solved

•

Join Date: Jan 2008

Location: London, England

Posts: 57

Reputation: hooray is an unknown quantity at this point

Rep Power: 1

Solved Threads: 6

hooray

Offline

Junior Poster in Training

un-disable dropdown box

Jan 21st, 2008

Hi I have some code here that fills a dropdown box from an array depending on what is selected in another dropdown box. One of them is disabled, and i would like to stop that once an option has been selected.

This is the javascript:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
function fillStates(opt){
  s=document.f.states.options
  s.length=stateNames[opt].length
  for(i=0;i<s.length;i++){
    s[i].value=stateNames[opt][i]
    s[i].text=stateNames[opt][i]
  }
  document.f.states.selectedIndex=0
}
function fillStates(opt){
  s=document.f.states.options
  s.length=stateNames[opt].length
  for(i=0;i<s.length;i++){
    s[i].value=stateNames[opt][i]
    s[i].text=stateNames[opt][i]
  }
  document.f.states.selectedIndex=0
}

and the html

 Help with Code Tags 
 html Syntax (Toggle Plain Text) 
<form name="f">
<select name=countries onChange="fillStates(this.options[this.selectedIndex].value)">
  <? echo $optionc; ?>
</select>
<select name=states disabled="disabled">
  <option>Choose a country first</option>
</select>
</form>
<form name="f">
<select name=countries onChange="fillStates(this.options[this.selectedIndex].value)">
  <? echo $optionc; ?>
</select>
<select name=states disabled="disabled">
  <option>Choose a country first</option>
</select>
</form>

if anyone could give me a way to remove the disabled part on the second box once an option in the first box has been selected I would be grateful.

Thanks

•

Join Date: Apr 2005

Location: New York state

Posts: 468

Reputation: ShawnCplus will become famous soon enough

Rep Power: 5

Solved Threads: 71

ShawnCplus ShawnCplus is offline

Offline

Code Monkey

Re: un-disable dropdown box

Jan 21st, 2008

<listbox>.disabled = false

Last edited by ShawnCplus : Jan 21st, 2008 at 3:59 pm.

GCS d- s+:+ a-->? C++(++++) UL+++ P+>+++ L+++ !E--- W+++
N+ o K w++(---) O? !M- V PS+>++ PE+ Y+ PGP !t- 5? X- R tv+
b+>++ DI+ D G++>+++ e+ h+>++ r z+*

•

Join Date: Nov 2007

Location: Las Vegas, Nevada

Posts: 83

Reputation: johnsquibb is an unknown quantity at this point

Rep Power: 1

Solved Threads: 14

johnsquibb johnsquibb is offline

Offline

Junior Poster in Training

Re: un-disable dropdown box

Jan 21st, 2008

document.getElementById('states').disabled=false;

•

Join Date: Apr 2005

Location: New York state

Posts: 468

Reputation: ShawnCplus will become famous soon enough

Rep Power: 5

Solved Threads: 71

ShawnCplus ShawnCplus is offline

Offline

Code Monkey

Re: un-disable dropdown box

Jan 21st, 2008

•

Originally Posted by johnsquibb

document.getElementById('states').disabled=false;

That won't work. The selectbox doesn't have an ID, set the ID to states then do the above for it to work.

GCS d- s+:+ a-->? C++(++++) UL+++ P+>+++ L+++ !E--- W+++
N+ o K w++(---) O? !M- V PS+>++ PE+ Y+ PGP !t- 5? X- R tv+
b+>++ DI+ D G++>+++ e+ h+>++ r z+*

•

Join Date: Nov 2007

Location: Las Vegas, Nevada

Posts: 83

Reputation: johnsquibb is an unknown quantity at this point

Rep Power: 1

Solved Threads: 14

johnsquibb johnsquibb is offline

Offline

Junior Poster in Training

Re: un-disable dropdown box

Jan 21st, 2008

•

Originally Posted by ShawnCplus

That won't work. The selectbox doesn't have an ID, set the ID to states then do the above for it to work.

yes shawnCplus is right! change name to id or just simply add id as in:
<select name="states" id="states">

Otherwise you would have to use the getElementsByName() method to get all the elements with the name "states".

•

Join Date: Jan 2008

Location: London, England

Posts: 57

Reputation: hooray is an unknown quantity at this point

Rep Power: 1

Solved Threads: 6

hooray

Offline

Junior Poster in Training

Re: un-disable dropdown box

Jan 21st, 2008

thanks guys, this is how i fixed it:

 Help with Code Tags 
 javascript Syntax (Toggle Plain Text) 
  if (opt=="none"){document.f.states.disabled=true}
  else {document.f.states.disabled=false}
  if (opt=="none"){document.f.states.disabled=true}
  else {document.f.states.disabled=false}

Last edited by hooray : Jan 21st, 2008 at 7:08 pm.

•

Join Date: Jun 2006

Location: India

Posts: 6,863

Reputation: ~s.o.s~ is a splendid one to behold

Rep Power: 23

Solved Threads: 344

~s.o.s~

Offline

Lazy, Useless & Apathetic

Re: un-disable dropdown box

Jan 23rd, 2008

> Otherwise you would have to use the getElementsByName() method to get all the elements
> with the name "states".
Or simply document.forms[0].elements["states"].disabled = false; which is the correct way of handling form elements.

I don't accept change. I don't deserve to live.

Happiness corrupts people.

Failing to value the lives of others cheapens your own.