input value einem Array geben

    Hallo ich habe eine Frage über Arrays. Ich habe folgendes Script hier.


    <script type="text/javascript">
    <!--
    var O =new Array('Paris (FR)','Paris (USA)','Cologne','Rome','Sevilla','Stadt 1', 'Stadt 2','Stadt 3','Stadt 4','Stadt 5','Stadt 6');
    var cityId = new Array('54','12','2','3','4','5','6','7','8','9','10','11');
    function idAngeln(frm){
    for (var i=0;i<O.length;i++){
    if(frm.destination.value==O[i]){
    frm.l_id.value=cityId[i];
    break;
    }
    }
    }
    //-->
    </script>
    </head>

    <body onLoad="loaded(); takeLanguage();">
    .
    .
    .
    .
    .
    <div id='searchField'>
    <form action='javascript:getHotelInfo();' name='reisedaten' onsubmit='idAngeln(this);'>
    .
    .
    .
    .
    .
    <input size='30' id='destination' name="O" value="">
    <input type="hidden" name="l_id" value="">
    .
    .
    .

    Um die id in die url zu schreiben mache ich so:

    .
    .
    .
    var O = window.document.reisedaten.O.value;
    var l_id = window.document.reisedaten.l_id.value;
    .
    .
    .

    var theURL = theURL + . . . . . . . + "&O=" + O + "&l_id=" + l_id . . . . . . . etc

    aber es funktioniert nicht. Die url in Browser sagt immer l_id=Undefined

    Kann jemand mir helfen?

    Schöne Grüße

    Also es geht um ein Dashboard Widget. Ich setze zusammen die Url in Widget und dann öffnet sich das richtige Fenster in Browser. Es geht hier nur um die möglichkeit ein value für name="id" zu erzeugen.

    Mir wurde auch reichen, wenn es das hier funktioniert. Dann konnte ich weiter machen. Aber es funk auch nicht. Ich weiß nicht warum.

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html><head><title>AutoSuggest Sample</title>



    <style type="text/css">
    .suggestion_list
    {
    background: white;
    border: 1px solid;
    padding: 4px;
    }

    .suggestion_list ul
    {
    padding: 0;
    margin: 0;
    list-style-type: none;
    }

    .suggestion_list a
    {
    text-decoration: none;
    color: navy;
    }

    .suggestion_list .selected
    {
    background: navy;
    color: white;
    }

    .suggestion_list .selected a
    {
    color: white;
    }

    #autosuggest
    {
    display: none;
    }
    </style>
    <script language="Javascript" src="AutoSuggestSample_files/autosuggest.js"></script></head><body>
    <div id="autosuggest"><ul>[/list]</div>

    <form name="form1" action="#" onsubmit="idAngeln(this);">
    <label for="state">Please enter a State:</label>
    <input autocomplete="off" name="state" id="state" type="text">
    <input type="hidden" name="identify" value="">
    <script type="text/javascript">
    <!--
    var states = new Array('Paris (Fr)','Paris (USA)','Stadt 2','Stadt 3','Stadt 4','Stadt 5');
    var l_id = new Array ('54','14','2','3','4','5');//id's in Reihenfolge der Städtenamen
    new AutoSuggest(document.getElementById('state'),states);
    function idAngeln(frm){
    for (var i=0;i<states.length;i++){
    if(frm.state.value==states[i]){
    frm.identify.value=l_id[i];
    break;
    }
    }
    }
    //-->
    </script>
    <input type="submit" onclick="window.alert(document.form1.identify.value)">

    </form>
    </body>
    </html>


    Danke für Eure Hilfe