is it possible to grab the label of a SELECT menu?

[Roadie]

I was wondering if it was possible to grab the label of a SELECT drop down menu, in addition to the value...like in this case:

   <select name="cat">
   <option value=1>This is option 1
  </select>

i would want to grab both the value, "1", and the label, "This is option 1", to send off to a script.

[vgarcia]

You can grab those values in Javascript:

var theSelect = document.forms[0].elements['cat'];
var selectedOptionText = theSelect.options[theSelect.selectedIndex].text;
var selectedOptionValue = theSelect.options[theSelect.selectedIndex].value;

In my example above, selectedOptionText grabs the text part and selectedOptionValue grabs the value part of the selected option.

[Roadie]

perfect..thanks

[Roadie]

how do I actually add the vars to the form being submitted?

<script language="JavaScript1.2" type="text/JavaScript1.2">
function getFormValues(form){
  var theSelect = form.elements['cat'];
  var selectedText = theSelect.options[theSelect.selectedIndex].text;
  var selectedValue = theSelect.options[theSelect.selectedIndex].value;


  var query = form.elements['query'].value;

  form.submit();
}
</script>

and on the button for the form i have:

<input type="button" name="Button" value="Search" onClick="getFormValues(this.form)">