2D array and radio buttons

[Uncle Dickie]

Hi All,

I am trying to extract some data from a 2D array based on a radio button and drop down combination.

I have the following code but I am not getting a value for the radio button object so the position in the array is always 'undefined'

<form>
    <input type="radio" name="l2" value=0>&deg;C
    <input type="radio" name="l2" value=1>&deg;F
    <br>
    <br>
    <select name="l0">
        <option value=0>J-Type</option>
        <option value=1>K-Type</option>
        <option value=2>L-Type</option>
    </select>
    <br>
    <br>
    <input type = "button" onClick="myfunc()" value=" Start Logging ">
</form>
 
 
 
<script type="text/javascript">
 
var myarray=
[
    ['J min C','J min F','J max C','J max F'],
    ['K min C','K min F','K max C','K max F'],
    ['L min C','L min F','L max C','L max F']
]
 
var mxt;
var mnt;
 
function myfunc() 
{
    var a = document.forms[0].l0.value;
    var b = document.forms[0].elements['l2'].value;    
    mnt = myarray[a][b];
    mxt = myarray[a][b+2];
    alert('range = ' + mnt + ' to ' + mxt);
}
 
</script>
 

Can anyone point me in the right direction for getting the data out?

Many thanks

[Dormilich]

document.forms[0].l2 is a NodeList object (it contains 2 input elements). thus you have to select one of those two first (namely the selected one) to get a value.

[Uncle Dickie]

Thanks Dormilich- got it working as below:

<form> 
    <input type="radio" name="l2" value=0>&deg;C 
    <input type="radio" name="l2" value=1>&deg;F 
    <br> 
    <br> 
    <select name="l0"> 
        <option value=0>J-Type</option> 
        <option value=1>K-Type</option> 
        <option value=2>L-Type</option> 
    </select> 
    <br> 
    <br> 
    <input type = "button" onClick="myfunc()" value=" Start Logging "> 
</form> 
 
 
 
<script type="text/javascript"> 
 
var myarray= 
[ 
    ['J min C','J min F','J max C','J max F'], 
    ['K min C','K min F','K max C','K max F'], 
    ['L min C','L min F','L max C','L max F'] 
] 
 
var mxt; 
var mnt; 
 
function myfunc()  
{ 
    var mego = document.forms[0].l2
    for (var i=0; i<mego.length; i++)
    {
        if (mego[i].checked)
        {
             var b = parseInt(mego[i].value);
        }
    }
    var a = document.forms[0].l0.value;
    mnt = myarray[a][b]; 
    mxt = myarray[a][b+2]; 
    alert('range = ' + mnt + ' to ' + mxt); 
} 
 
</script> 
 

[Dormilich]

thanks have to go to FireBug - Firefox WebDev Extension