this piece of code in question:
<form> <select name="someoptions"> <option value="page1.html">page 1</option> <option value="page2.html">page 2</option> </select> <input type="submit" value="submit" class="buttontheme"> </form> i found link on stackoverflow: open link via button press chosen form select option
but selected answer doesn't explain put piece of code or how use in html page. can walk me through on how make happen? thank you
so far have test.html without other files:
<head> <script type="text/javascript" src="https://code.jquery.com/jquery-3.1.0.min.js"></script> <script> $('#select-id').change(function() { url = $('#select-id').val(); window.open(url); }); </script> <script> </script> </head> <body> <form> <select id="select-id" name="someoptions"> <option value="https://magecomp.com/blog/how-to-install-magento-2-on-windows-on-xampp-server-with-git/">page 1</option> <option value="https://magecomp.com/blog/how-to-install-magento-2-on-windows-on-xampp-server-with-git/">page 2</option> </select> <input type="submit" value="submit" class="buttontheme"> </form> </body> when select option , click on submit button, takes me from:
file:///c:/users/eyeglasses/desktop/website/test.html
to
and doesn't or change page (i still see dropdown menu , submit button).
the code provided in link registers click button on page. better solution:
<form id="gotopageform"> <select name="page"> <option value="page1.html">page 1</option> <option value="page2.html">page 2</option> </select> <input type="submit" value="submit" class="buttontheme" /> </form> <script type="text/javascript"> $('#gotopageform').submit(function(e) { document.location = $(this).find('[name="page"]').val(); e.preventdefault(); return false; }); </script> regardless of how form submitted (i.e. enter press of clicking submit button), browser being redirected selected page.
Comments
Post a Comment