form.submit()

[Nalum]

Hello all,
I've had a look around but couldn't find an answer to my question.
I'm trying to submit a form using the javascript .submit() function but it doesn't seem to want to work. I'm using Ajax to get a value from a database and put it into a hidden field called destination and then want to submit the form.

Here is my code. The function is called by a button input.

function getDestination()
{
    var dest = $('destination');
    var form = $('hotel_search');
    var destUrl = 'getDestination.php';
    var params = 'destinationName=' + $('destinationName').value;
 
    var ajax = new Ajax.Request
    (
        destUrl,
        {
            method: 'post',
            postBody: params,
            onSuccess:
                function(transport)
                {
                    var response = transport.responseText || '';
                    dest.value = response;
                    form.submit();
                },
            onFailure:
                function()
                {
                    alert('Something went wrong...');
                }
        }
    );
}

[acoder]

Show the relevant part of your form.

[Nalum]

Here is a stripped down version of the form

[HTML]
<form id="hotel_search" name="hotel_search" action="searchresults.php" method="post" onsubmit="return validateSearch();">
<input type="hidden" id="destination" name="destination" value="" />
<input type="text" id="destinationName" name="destinationName" value="" />
<input type="button" onclick="getDestination();" id="submit" name="submit" value="Search">
</form>
[/HTML]

[acoder]

Does the destination value get set as expected?

Are there any errors?

[Nalum]

Hi, the destination value does get set. it all works fine except the form.submit(); part of the javascript.

[acoder]

Hmm.. everything seems fine.

Is it possible for you to post a link to a page where I can see the problem?

[Nalum]

unfortunately no I don't have a host.
I've put in alerts to the script

var response = transport.responseText || '';
alert("We have a response");
dest.value = response;
alert("destination has it's value"); // It seems to stop here
form.submit();
alert("Form should now have submitted");
 

I'm gonna try doing this

var response = transport.responseText || '';
alert("We have a response");
dest.value = response;
alert("destination has it's value");
$('hotel_search').submit();
alert("Form should now have submitted");
 

Edit: No that didn't work either

[acoder]

If you haven't got a link to show, attach the files here.