Issue with getting values from <select> form in javascript

Question

How come I can get the result from the "Från omgång" list but not the "Till Omgång" ?

Check the Filter button to the right on this page here and select the second value in the "till omgång" field and you get an error.

I don't know why the value is null in the second field, have double checked that it is spelled correct. HTML Code

<table id="filter-menu-left">
                    <thead>
                        <tr><th id="filterHead" colspan="2"> <h2>Filter</h2></th></tr>
                    </thead>
                <tbody>
                <tr>
                <td>Från omgång</td>
                <td>Till Omgång</td>
                </tr>
                <td>
                <form name='from' method='post' action='formhandler.cgi' id="to">
                <select name='title' onchange='javascript:selectGamesToShowFrom();'>
                      <option value="1">1</option>
                      <option value="2">2</option>
                      <option value="3">3</option>
                      <option value="4">4</option>
                      <option value="5">5</option>
                      <option value="6">6</option>
                      <option value="7">7</option>
                      <option value="8">8</option>
                      <option value="9">9</option>
                      <option value="10">10</option>
                      <option value="11">11</option>
                      <option value="12">12</option>
                      <option value="13">13</option>
                      <option value="14">14</option>
                      <option value="15">15</option>
                      <option value="16">16</option>
                      <option value="17">17</option>
                      <option value="18">18</option>
                      <option value="19">19</option>
                      <option value="20">20</option>
                      <option value="21">21</option>
                      <option value="22">22</option>
                      <option value="23">23</option>
                      <option value="24">24</option>
                      <option value="25">25</option>
                      <option value="26">26</option>
                      <option value="27">27</option>
                      <option value="28">28</option>
                      <option value="29">29</option>
                      <option value="30">30</option>
                    </select>
                    </form>
                </td>
                <td>
                <form name='to' method='post' action='formhandler.cgi'>
                <select name='tit' onchange='javascript:selectGamesToShowTo();'>
                      <option value="1">1</option>
                        <option value="2">2</option>


                    </select>
                    </form>
                </tbody>
                </table>

Java script

The method "selectGamesToShowFrom()" works but the value from the "to" form is not reachable in the "selectGamesToShowTo()" method. Can you perhaps find the error?

function selectGamesToShowFrom(){
    var from = document.from.title.value.toString();//This works
    alert(from + "");

    for (i=0; i<allGamesStringArray.length; i++) {
        var current = parseInt(allGamesStringArray[i].substring(allGamesStringArray[i].length-2,allGamesStringArray[i].length));
        var toCompareWith = parseInt(from);
        if(current<toCompareWith){
            allMarkersOnMap[i].setVisible(false);
            //allMarkersOnMap[i].setMap(null);
        }
        else{
        allMarkersOnMap[i].setVisible(true);
        }
        if(allGamesStringArray[i].indexOf(from)!=-1){
            var t = parseInt(allGamesStringArray[i].substring(allGamesStringArray[i].length-2,allGamesStringArray[i].length));          
        }
    }
}

function selectGamesToShowTo(){

var to = document.to.title.value.toString();//This gives an error that its undefined after I have selected a value in the list and I can't find the error
alert(to);
    for (i=0; i>allGamesStringArray.length; i++) {
        var current = parseInt(allGamesStringArray[i].substring(allGamesStringArray[i].length-2,allGamesStringArray[i].length));
        var toCompareWith = parseInt(from);
        if(current>toCompareWith){
            allMarkersOnMap[i].setVisible(false);
        }
        else{
            allMarkersOnMap[i].setVisible(true);
        }
        if(allGamesStringArray[i].indexOf(from)!=-1){
            alert("hejdar");
            var t = parseInt(allGamesStringArray[i].substring(allGamesStringArray[i].length-2,allGamesStringArray[i].length));          
        }
    }
}

Enrico · Accepted Answer · 2012-12-16 00:59:49Z

1

var to = document.to.title.value.toString();

should be

var to = document.to.tit.value.toString();

However, as you noted, some browsers are still not happy. Opera doesn't like that the form name is to, changing it to toForm and updating your code accordingly makes Opera happy again.

edited Dec 16, 2012 at 0:59

answered Dec 16, 2012 at 0:15

Enrico

10.8k8 gold badges46 silver badges58 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

anders Over a year ago

assuming you mean var to = document.to.tit.value.toString(); still didn't work, get that value is null or not an object :/

Enrico Over a year ago

Works for me. Can you update your demo? There might be a second error once it gets past that line.

Enrico Over a year ago

It alerts the selected value, so document.to.tit.value.toString() works.

anders Over a year ago

yes it does in firefox and crome, but the function doesn't work and I still get the error in Explorer so something's fishy. But thanks anyway =)

Enrico Over a year ago

I had a sneaking suspicion that naming your form to might be causing problems and that does appear to trip up Opera, so I'd suggest using a different name to ensure all the major browsers return the selected value. If you can't debug your function logic, you should post a new question.

|

Collectives™ on Stack Overflow

Issue with getting values from <select> form in javascript

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related