html - Upgrading Dropdown Menus -

i teacher, , run blog via blogger.com class. link http://stmlatin2019.blogspot.com

you'll notice have drop-down menus in left sidebar of blog. these work beautifully on laptop , on desktop. problem school switching ipads, , having trouble getting menus work on ipad browsers. open in chrome, security restrictions on campus distort of blog on chrome.

my question this: while know not apple forum, show me how tweak code dropdown menus work in ipad browsers safari? currently, safari lets me pull down menu , make selection, nothing happens once make selection.

i guess should know absolutely nothing coding. in fact, stumbled upon dropdown code on accident couple of years ago, and, miraculously, got work. i'm square one.

here code 1 of menus can see i'm dealing with:

<select style="background-color:#eee9dd" id="select1" onchange="window.open(this.options[this.selectedindex].value,'_blank');this.options [0].selected=true" class="text_noresize" name="select">  <option selected />select link <option value="" /> <option value="http://www.stmsaints.com/site1.php" /> stm homepage <option value="https://mail.stmsaints.com/owa" /> stm e-mail <option value="http://www.edmodo.com" /> edmodo <option value="" /> ____________________</select>" 

any can offer me appreciated.

here answer, apple docs

the standard window.open() javascript method cannot used open new tab , window global html file or extension bar. instead, global file , extension bars have access safariapplication, safaribrowserwindow, , safaribrowsertab classes, methods , properties allow work windows , tabs.

also posted here: link

safari/chrome have built-in pop-up blockers stop working. javascript allowed open new window in safari/chrome javascript directly attached click handlers (and other direct user input handlers).

however, display alert showing pop-up blocked.

try this:

<select id="retailer" class="windowopen">     <option value="#">select one</option>     <option value="http://amazon.com">amazon</option>     <option value="http://ebay.com">ebay</option> </select>  <script> $(document).ready(function () { $('select.windowopen').change(function () {     var url = $(this).val();      var open = window.open(url);     if (open == null || typeof (open) == 'undefined') alert("turn off pop-up blocker!\n\nwe try open following url:\n" + url); }); }); </script> 

jsfiddle:

http://jsfiddle.net/utcb9/1