Return a value of the selected item from a dropdown listbox

[acord]

Hi,

I am having problem to get a value of the selected item from a dropdown
listbox.

Here is the JS function;
function getSelectedItem (objSelect) {
alert("in getSelectedItem ");
alert (objSelect.leng th);
alert (objSelect.valu e);
for (i=0; i<objSelect.len gth; i++) {
alert("recahed here.."+i)
alert (objSelect[i].value);
if (objSelect[i].selected) {
return objSelect[i].value;
}
}
return "";
}

here is corresponding html:

<form name="main_form ">
<table>
<tr><td>
<select name="assigned_ num">
<option value='null'>-- Select Number --</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>&nbsp;
<input type="button" class="button" value="Add"
onclick="javasc ript:getSelecte dItem('assigned _num:
'+document.main _form.assigned_ num.value);">
</td></tr>

</table>
</form>

What s wrong with this code and what s the correct implementation for
retrieving a selected value from the listbox( or dropdown listbox)?

Thanks
A

[Erwin Moller]

acord wrote:

Hi,

I am having problem to get a value of the selected item from a dropdown
listbox.

Here is the JS function;
function getSelectedItem (objSelect) {
alert("in getSelectedItem ");
alert (objSelect.leng th);
alert (objSelect.valu e);
for (i=0; i<objSelect.len gth; i++) {
alert("recahed here.."+i)
alert (objSelect[i].value);
if (objSelect[i].selected) {
return objSelect[i].value;
}
}
return "";
}

here is corresponding html:

<form name="main_form ">
<table>
<tr><td>
<select name="assigned_ num">
<option value='null'>-- Select Number --</option>
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
</select>&nbsp;
<input type="button" class="button" value="Add"
onclick="javasc ript:getSelecte dItem('assigned _num:
'+document.main _form.assigned_ num.value);">
</td></tr>

</table>
</form>

What s wrong with this code and what s the correct implementation for
retrieving a selected value from the listbox( or dropdown listbox)?

Thanks
A

Hi,

To get the selected one use selectedIndex property of the select-object.
Thus:

<form name="fake">
<select name="theSelect or" onChange="alert It();">
<option value="apple">a pples
<option value="pear">pe ars
<option value="donut">d onuts
</select>
</form>

<script type="text/javascript">
function alertIt(){
var TheSelectedInde x = document.forms. fake.theSelecto r.selectedIndex ;
var TheSelectedValu e =
document.forms. fake.theSelecto r[TheSelectedInde x].value;
var TheSelectedText =
document.forms. fake.theSelecto r[TheSelectedInde x].text;
alert ("index = "+TheSelectedIn dex );
alert ("correspond ing option-value = TheSelectedValu e );
alert ("correspond ing option-text= "+TheSelectedTe xt );
}
</script>
Good luck.

Regards,
Erwin Moller