Try something like this:

use strict;
use warnings;
use CGI::Pretty qw(:standard);

print header,
    start_html(
        -title  => 'CGI.pm and Javascript',
        -script => {
            -language => 'JAVASCRIPT',
            -code     => q|
                function launch(select) {
                    if (!select.value)
                        return false;
                    window.location.href = select.value;
                    return false;
                }
            |,
        },
    ),
    start_form,
    popup_menu(
        -name     => 'jump_box',
        -onChange => 'launch(this)',
        -values   => [qw(
            http://google.com
            http://perlmonks.com
            http://imdb.com
        )],
    ),
    end_form,
    end_html,
;
[download]

UPDATE: sigh ... it's just an example dorward. Personally, i see nothing wrong with using Javascript for such means, even though some people don't use Javascript or use only their keyboards. The OP asked for drop down menus with Javascript. This is an application of such. Personally, i would much rather use HTML::Template or Template Toolkit than CGI.pm ... but this is a working example of how to do it with CGI.pm.

L-LL-L--L-LL-L--L-LL-L--
-R--R-RR-R--R-RR-R--R-RR
B--B--B--B--B--B--B--B--
H---H---H---H---H---H---
(the triplet paradiddle with high-hat)

I really wouldn't advise that, but Jukka explains why better then I can.

Update: And there are plenty of ways to implement it in a fashion which is not so fragile (and, depending on jurisdiction and circumstances, potentially illegal). The article I referenced describes how to implement it as such.

Seriously: not much to add. They're (mostly) orthogonal concepts.

Hi,

Some options:

You can print out the javascript code like the html, or along with it.

You can use the facility of CGI.pm to insert the javascript code with a method call, but this is not really necessary.

Perhaps for me the best option is to put this code outside the cgi and only add a tag that makes reference to this code. And using some templating facility, like TT, Mason, etc.

And on the way, getting a look at AJAX or XMLHttpRequest can be nice, but I think this is for a next step, once you get familiar with the web driven programming...

Regards,

print '<input type="text" name="whizzbangGadgets" size="5" maxlength="
+4" onblur="checkValue(this, 150);MyJavaGadgets()>';
[download]

-S

print <<OUT;
Javascript
goes
here
OUT
[download]