From 732bfb3e31871eb26ffc2576fbf9e8cf0ffc1cf3 Mon Sep 17 00:00:00 2001
From: Michael Wheeler <mwheeler@g2crowd.com>
Date: Fri, 7 Aug 2015 09:21:03 -0500
Subject: [PATCH] Wrap select in form that is submitted to change URL

---
 tinynav.js | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/tinynav.js b/tinynav.js
index 77fbc23..fa62f09 100644
--- a/tinynav.js
+++ b/tinynav.js
@@ -7,7 +7,8 @@
       'active' : 'selected', // String: Set the "active" class
       'header' : '', // String: Specify text for "header" and show header instead of the active item
       'indent' : '- ', // String: Specify text for indenting sub-items
-      'label'  : '' // String: sets the <label> text for the <select> (if not set, no label will be added)
+      'label'  : '', // String: sets the <label> text for the <select> (if not set, no label will be added)
+      'formClasses' : '' // String: sets the class of the surrounding form object
     }, options);
 
     return this.each(function () {
@@ -20,6 +21,7 @@
         namespace = 'tinynav',
         namespace_i = namespace + i,
         l_namespace_i = '.l_' + namespace_i,
+        $form = $('<form method="get"/>'),
         $select = $('<select/>').attr("id", namespace_i).addClass(namespace + ' ' + namespace_i);
 
       if ($nav.is('ul,ol')) {
@@ -56,13 +58,16 @@
             .attr('selected', true);
         }
 
-        // Change window location
-        $select.change(function () {
-          window.location.href = $(this).val();
+        // submit surrounding form
+        $select.change(function (ev) {
+          $form.attr('action', $(this).val());
+          $form.submit();
         });
 
         // Inject select
-        $(l_namespace_i).after($select);
+        $form.append($select)
+        $form.addClass(settings.formClasses);
+        $(l_namespace_i).after($form);
 
         // Inject label
         if (settings.label) {