<select...<option (tag problem)

[toraj58]

i have problem with this javascript code. i can not access to this value : window.document.theform.select1.op2.value; and i got error! please help me.
also i want to know how i can extract "val2" of selected option and put it into textbox2?

<script language = "javascript">

function disp()
{
//document.write('information was sent');
window.document.theform.txt1.value = "admin logged!";
window.document.theform.txt2.value = window.document.theform.select1.value;
//window.document.theform.txt3.value = window.document.theform.select1.op2.value;
window.document.theform.txt3.value = document.getElementById("op2").value;
}

</script>

<form action='test.php' method = 'post' name='form1' id='theform'>
<input type = 'text' id='txt1' name='textbox1'>
<p>
<input type = 'text' id='txt2' name='textbox2'>
<p>
<input type = 'text' id='txt3' name='textbox3'>
<p>

<select name="Greeting" id="select1">
    <option id = "op1" name = "nop1" val2 = "op1val2" value="Hello">Hello</option>
    <option id = "op2" name = "nop2" val2 = "op2val2" value="Hola">Hola</option>
    <option id = "op3" name = "nop3" val2 = "op3val2" value="Bonjour">Bonjour</option>
</select>

<input type = 'button' id='btn' name = 'button1' value = 'sendit' onclick = 'javascript: disp();'>
</form>

[leatherback]

on top of my head, I think you need to change the form name to the name you have used:

window.document.form1.select1.value

or do something like:
var thisselect = document.getElementById(select1);
alert(thisselect.value);

[toraj58]

what about the second part of my question: also i want to know how i can extract "val2" of selected option and put it into textbox2?

[leatherback]

No Idea. you are using all sorts of undefined labels. Normally you would use the value="" field

[toraj58]

ok. assume that i want to print the name(not value) of the selected option when user select it from the provided combo box....i know how to print the value of the selected item from the combo box but how i can access to name of the selected option (selected item in the combo box)

[leatherback]

I do not know what you are after. If you use custom labels, you will end up with trouble ingetting things from the dropdown.

a normal select is like:

<select name='' id='' class=''>
<option value=''>label</option>
</select>

name, value, id, value and label can be accessed by javascript. Possibly other items too, but you will need to hack your way through.

[toraj58]

what i want to do is more complicate than i want to explain here....i have found solution for most of the work i planned to do but this is the only portion that i have come up with problem. i can change my total solution but i need to rewrite a lot of php code and java again and make changes in more than one file.
but this simple answer to my question will save me a lot of time.

[toraj58]

to be honset this is not my real problem but i have simpified it and i have written this code inorder to get my answer faster

[toraj58]

i found the solution here it is:

var x1 = document.getElementById('select1').selectedIndex;
document.getElementById("txt2").value = document.getElementById("select1")[x1].val2;

Touraj Ebrahimi toraj_e yahoo