Arrays and selects

[Mike]

Hi all,

How do I set this to "disabled":

<select name="awards[]" multiple size="6">
<option value="1">Award 1</option>
<option value="2">Award 2</option>
<option value="3">Award 3</option>
<option value="4">Award 4</option>
</select>

I don't know how many options there will be as they are fed from a DB.

Thanks very, very much in advance.

Mike

 

[Michael Winter]

How do I set this to "disabled":

When you say, "this", to what are you referring? The whole SELECT element,
or just some (or all) of the OPTIONS?

[snip]

Mike

 

[Grant Wagner]

Hi all,

How do I set this to "disabled":

<select name="awards[]" multiple size="6">
<option value="1">Award 1</option>
<option value="2">Award 2</option>
<option value="3">Award 3</option>
<option value="4">Award 4</option>
</select>

I don't know how many options there will be as they are fed from a DB.

Thanks very, very much in advance.

Mike

document.forms['yourFormName'].elements['awards[]'].disabled = true;

If you are calling this from someplace on the form, say a button, and you
already have a reference to the form, you could do something like:

<input type="button"
value="Toggle Awards"
onclick="this.form.elements['awards[]'].disabled =
!this.form.elements['awards[]'].disabled;"
A shorter form when toggling might be:

this.form.elements['awards[]'].disabled ^= true;

No guarantees it'll work since it turns the result into a number and
assigning 0 or 1 to disabled may not work - although they should be type
converted to a boolean - 0 being false, 1 being true. You'll have to test
it to see if it works (assuming toggling the disabled property is what you
want to do).