Selecting a Specific Option

M

mike

I need to be able to select a specific option in a select list. This is
what I have:
<select name="mysel">
<option value=""></option>
<option value="1">First</option>
<option value="2" selected>First</option>
<option value="3">First</option>
</select>

But I want to select the first option. Here is my code:

var frm_objs = document.report.elements;
for ( j=0; j<frm_objs.length; j++ )
{
if ( frm_objs[j].type=='select-one' )
{
if ( frm_objs[j].name=='mysel' )
{
frm_objs[j].options[0].selected=true;
}
}
}

I think is should select the first ooption but it does not. The default
option 2 remains selected.

Any help is apreciated.
 
R

RobB

mike said:
I need to be able to select a specific option in a select list. This is
what I have:
<select name="mysel">
<option value=""></option>
<option value="1">First</option>
<option value="2" selected>First</option>
<option value="3">First</option>
</select>

But I want to select the first option. Here is my code:

var frm_objs = document.report.elements;
for ( j=0; j<frm_objs.length; j++ )
{
if ( frm_objs[j].type=='select-one' )
{
if ( frm_objs[j].name=='mysel' )
{
frm_objs[j].options[0].selected=true;
}
}
}

I think is should select the first ooption but it does not. The default
option 2 remains selected.

Any help is apreciated.
Click to expand...

<html>
<head>
<script type="text/javascript">

window.onload = function()
{
var frm_objs = document.report.elements;
for ( j=0, len = frm_objs.length; j<len; j++ )
{
obj = frm_objs[j];
if ( obj.type=='select-one' //unnecessary
&& obj.name=='mysel' )
{
obj.options[0].selected=true;
}
}
}

</script>
</head>
<body>
<form name="report">
<select name="mysel">
<option value="0">Option 0</option>
<option value="1">Option 1</option>
<option value="2" selected>Option 2</option>
<option value="3">Option 3</option>
</select>
</form>
</body>
</html>
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Similar Threads

Add Image and label dynamically inside the dropdown 2
How to display input options only after selecting an option from the 'select class' tag JS? 6
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
Consistent control for visible elements in <option></option> 1
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript? 0
Survey details won't go through using php, ajax, Mysql 0
Dependent Drop Downs 1
How do I get the if statement correct in the lines that has it in the program? 2

Members online

Total: 33 (members: 1, guests: 32)
Robots: 186

Forum statistics

Threads
473,764
Messages
2,569,564
Members
45,039
Latest member
CasimiraVa

Latest Threads

Top