Other Values Retrieved From Select

I wanted to add additional data to my select function.

I tried:

<select id="sel_1" name="sel_1"
<option struct_id="24" value="4">Text 1</option>
<option struct_id="37" value="8">Text 2</option>
</select>

function dispSel(obj)
{
alert(obj.struct_id);
}

This did not work. I'd like to be able to add some other data
associated with the option in the select element.

Anyone have any other ideas.

One I thought of was instead of
<option struct_id="24" value="4">Text 1</option>
use
<option value="24|4">Text 1</option>

and then
function dispSel(obj)
{
var myarray=obj.value.split("|");
alert(myarray[0]);
}