CodeIgniter dropdown (Javascript?)

Question

Is there any way I can make a dropdown submit a form without clicking a button to to submit it. I want to be able to change languages on the fly in my site. I have the languages all set up. Here's my dropdown:

<?php echo form_open('languages'); 
    $language = array(
                        'select' => 'Select Language',
                        'english' => 'English',
                        'spanish' => 'Espa&ntilde;ol',
                        'german' => 'Deutsch',
                        'french' => 'Fran&ccedil;ais'
                    );

    echo form_dropdown('language', $language);
    echo form_hidden('current_page', uri_string());
    echo form_submit('submit', $this->lang->line('header6'));
    echo form_close();
?>

How do I get the form to work without the submit button?

Hibiscus · Accepted Answer · 2011-03-15 01:34:32Z

The easiest way would be to use jQuery. Your form and dropdown should have IDs to make referencing them easier.

$attributes = array('id' => 'form1');
echo form_open('languages', $attributes);
...
echo form_dropdown('language', $language, null, 'mydropdown');

Also include the following javascript (you'll need to load jQuery on the page for this to work). I've included Google's hosted version but you could install it locally if you prefer.

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>

<script type="text/javascript">
        $(document).ready(function () {
            $("#mydropdown").live("change keyup", function () {
                $("#form1").submit();
            });
        });
    </script>

You don't strictly need to bind to keyup, you could just bind to the change event (in which case you could replace live("change") with simply change() but keyup covers keyboard changes to the dropdown.

Peter · Accepted Answer · 2011-03-15 02:09:50Z

0

I use onchange with any live select menu... makes it very very easy to fire off other methods.

<select id="myID" onchange="alert('Fired!')"><option value="gold">Beer</option>

answered Mar 15, 2011 at 2:09

Peter

2,3064 gold badges32 silver badges41 bronze badges

Collectives™ on Stack Overflow

CodeIgniter dropdown (Javascript?)

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related