Select Dropdown change URL

7 posts by 3 authors in: Forums > CMS Builder
Last Post: August 14, 2014   (RSS)

By KCMedia - August 6, 2014

Hi Guys

i have this drop down that is working perfect on desktop browsers that when you select the drop down it will redirect you to the new page filtered results but on mobile devices it just dosnt work any ideas why?

                        <select name="filter" id="filter" onChange="window.document.location.href=this.options[this.selectedIndex].value;" value="GO">
                                <option value="">SEARCH BY CATEGORY</option>
                                <option value="news.php">All News</option>
                                <option value="news.php?events=1">Events</option>
                                <option value="news.php?news=1">News</option>
                                <option value="news.php?community=1">Community</option>



KC Media Solutions

By KCMedia - August 12, 2014

Anyone able to help i cant get it work on any mobile device, the site is responsive and works ok on Desktop computer browsers but just wont work with any Tablet or Mobile phone browser like Safari or Chrome.



KC Media Solutions

By Djulia - August 13, 2014

Hi Craig,

Can you try this :

<form name="form">
<select name="filter" id="filter" onchange="parent.document.location.href=document.form.filter[document.form.filter.selectedIndex].value">
<option value="#">SEARCH BY CATEGORY</option>
<option value="news.php">All News</option>
<option value="news.php?events=1">Events</option>
<option value="news.php?news=1">News</option>
<option value="news.php?community=1">Community</option>



By KCMedia - August 13, 2014

Hi Djulia

thanks i tried that but the drop down wont even work now on desktop if i select an option.



KC Media Solutions

By KCMedia - August 14, 2014

Hi Greg

that dosnt work either, when i do that the desktop stops working and when you select an option in the drop down it just wont do anything.

the only one that works is the current code i have in the code i first posted but that just wont work with mobiles or tablets, but works perfect with desktop browsers, the site is responsive.



KC Media Solutions

By gregThomas - August 14, 2014

I'm guessing there is a JS error somewhere that only happens on the mobile version of the site. 

Have you got a link I can look at that demonstrates the error?



Greg Thomas

PHP Programmer -