pass option value as variable for javascript function

[David Shorthouse]

Folks,

I have a drop-down select menu generated server-side. I was hoping to
pass more than a single variable from the option value to a javascript
function. Is this possible? At the moment, my option values consist of three
numbers separated by commas. I thought I could pass these three numbers as
three distinct variables to the javascript function, but it obviously
doesn't work this way.

e.g.

<select name="selectnam e">
<option value="1,2,3">f irst selection</option>
etc.
</select>

<input type=button
onclick="dothis (document.form. selectname.opti ons[document.form.s electname.selec tedIndex].value)">

can't evidently be used as

<script lang="javascrip t">
function dothis(a,b,c) {
etc.
}
</script>

Any suggestions?

Dave
--
_______________ _______________
Remove "_SPAM" to reply directly.

[Georg Puchta]

You can use custom attributes like this.

<form>
<select name="selectnam e">
<option value="a,b,c" val1="a" val2="b" val3="c">first
selection</option>
</select>

<input
type="button"
value="Click Me"

onclick="dothis (this.form.sele ctname.options[this.form.selec tname.selectedI ndex].getAttribute(
'val1'))">

</form>

You still need the "value" tag since it contains the value that's
submitted.

Cheers,

-Georg
David Shorthouse wrote:

Folks,

I have a drop-down select menu generated server-side. I was hoping to
pass more than a single variable from the option value to a javascript
function. Is this possible? At the moment, my option values consist of three
numbers separated by commas. I thought I could pass these three numbers as
three distinct variables to the javascript function, but it obviously
doesn't work this way.

e.g.

<select name="selectnam e">
<option value="1,2,3">f irst selection</option>
etc.
</select>

<input type=button
onclick="dothis (document.form. selectname.opti ons[document.form.s electname.selec tedIndex].value)">

can't evidently be used as

<script lang="javascrip t">
function dothis(a,b,c) {
etc.
}
</script>

Any suggestions?

Dave
--
_______________ _______________
Remove "_SPAM" to reply directly.

[Georg Puchta]

I also should say that the W3C DOM getAttribute() method allows you to
read any attribute from any tag. I haven't checked that on all current
browser versions though.

-Georg

David Shorthouse wrote:

Folks,

I have a drop-down select menu generated server-side. I was hoping to
pass more than a single variable from the option value to a javascript
function. Is this possible? At the moment, my option values consist of three
numbers separated by commas. I thought I could pass these three numbers as
three distinct variables to the javascript function, but it obviously
doesn't work this way.

e.g.

<select name="selectnam e">
<option value="1,2,3">f irst selection</option>
etc.
</select>

<input type=button
onclick="dothis (document.form. selectname.opti ons[document.form.s electname.selec tedIndex].value)">

can't evidently be used as

<script lang="javascrip t">
function dothis(a,b,c) {
etc.
}
</script>

Any suggestions?

Dave
--
_______________ _______________
Remove "_SPAM" to reply directly.