Q887 How can I use the value of a select form field on the same page without submitting the form?

irt.org | Knowledge Base | JavaScript | Form 3.1 | Q887 [ previous next ]

Q887 How can I use the value of a select form field on the same page without submitting the form?

Try the following which places the selected options value and text value in two global JavaScript variables:

<script language="JavaScript"><!--
var selectedOptionValue = null;
var selectedOptionText = null;

function changed(what) {
    selectedOptionValue = what.options[what.selectedIndex].value;
    selectedOptionText = what.options[what.selectedIndex].text;
}
//--></script>

<form onSubmit="return false">
<select onChange="changed(this)">
<option value="first value">first text
<option value="second value">second text
</select>
</form>

Feedback on 'Q887 How can I use the value of a select form field on the same page without submitting the form?'

• September 13, 2001 at 21:36:49: Marc Paquette