TalkPHP - Load url on select, via drop down menu

TalkPHP (http://www.talkphp.com/forums.php)

- XHTML, HTML, CSS (http://www.talkphp.com/xhtml-html-css/)

- - Load url on select, via drop down menu (http://www.talkphp.com/xhtml-html-css/3421-load-url-select-via-drop-down-menu.html)

Load url on select, via drop down menu

Ok, my title pretty much says it all. I need to create a drop down menu with the titles of the pages I need to load. The pages are being included with a $_GET command and a switch statement. The page inclusion works good. I just need to create the drop down menu and have it load the $_GET requests when their selected. Help please?

I already have something like this:

Code:

<select name=\"page\">

<option value=\"change_auth_level\">Change auth level</option>

<option value=\"email_activation\">Email activation settings</option>

</select>

I have coded the following for you. With this HTML code:

html4strict Code:

<body onload="TalkPHP_Dropdown_Select.init();">

    <select name="page" id="page">
        <option>Choose one...</option>
        <option value="auth_level.php">Change auth level</option>
        <option value="email_settings.php">Email activation settings</option>
    </select>

</body>

And the following JavaScript code as well:

javascript Code:

<script type="text/javascript">

    var TalkPHP_Dropdown_Select = 
    {
        init: function() 
        {
            TalkPHP_Dropdown_Select.Address = 'http://www.talkphp.com/';
            TalkPHP_Dropdown_Select.Target = document.getElementById('page');
            TalkPHP_Dropdown_Select.Target.onchange = function()
            {
                TalkPHP_Dropdown_Select.gotoAddress();
            }
        },
        
        gotoAddress: function()
        {
            var pTarget = TalkPHP_Dropdown_Select.Target;
            var szValue = pTarget.options[pTarget.selectedIndex].getAttribute('value');
            
            if (szValue == null)
            {
                return;
            }
            
            location.href = TalkPHP_Dropdown_Select.Address + szValue;
        }
    }

</script>

It should produce something similar to what you're after. I hope it helps!

Wow, that worked perfect. Thank you very much!