iOS opens the wrong HTML

Question

Level 1

0 points

iOS opens the wrong HTML

I've got two simple HTML dropdowns menu using the <select>-tag. One is called 'dropdown1' and the other's called 'dropdown2'.

But, when you tap on 'dropdown2' using an iPhone or iPad, it magically opens up 'dropdown1'. So basically you're unable to change the value of 'dropdown2'.

It happens in Safari, but also in Google Chrome.

It works perfect on a desktop, but in Safari 'dropdown2' won't open sometimes.

The code looks like this:

Does anyone know why it's not responding correctly on iOS? (It is tested on iOS 7.1)

iOS 7.1

Posted on Mar 31, 2014 2:25 AM

Reply

Answer 1

Mar 31, 2014 7:03 AM in response to RamyApple123

Could you please demonstrate how you created the drop down menu (script) so I could help you in furthermore detail?

Reply

Answer 2

RamyApple123 Author

Level 1

0 points

Mar 31, 2014 8:01 AM in response to Chrispialpha

Hi,

Yes, of course. I'm sorry, I wasn't aware of the fact that it would change the HTML code to actual dropdowns. :-)

This is the code:

</select><br />

</select>

It's nothing 'special' but it's quite strange that iOS opens 'dropdown1' when tapping on 'dropdown2'.

Hope you could help me out!

Reply

Answer 3

Mar 31, 2014 9:11 AM in response to RamyApple123

And how exactly did you implement this into your first post, I work with many scripts, but never was I able to find or create one to show in a post.

Reply

Answer 4

Mar 31, 2014 9:12 AM in response to RamyApple123

I am quite sorry for the wait

Reply

Answer 5

Mar 31, 2014 9:17 AM in response to RamyApple123

</select><br />

</select>

Reply

Answer 6

Mar 31, 2014 9:17 AM in response to Chrispialpha

That's correct, isn't it?

Reply

Answer 7

Mar 31, 2014 9:30 AM in response to Chrispialpha

Is there any javascript or CSS assocaited with the IDs?

When I open this site and thread on my ipad, your dropdowns in the first post work just fine. I can only assume there is something else on your page or web site that is causing the issue.

One otehr thing to consider: I assume you have been working with this and boiuncing from one device to check and aother to code. Try clearing the browser cahe on the test devices (settings app > Safari > Clear History and Clear Cokies and Data).

Reply

Answer 8

Mar 31, 2014 9:29 AM in response to RamyApple123

Exactly, if there is JavaScript or CSS, it would be easier to associate the two together, therefore tweaking the script to add a better effect, creating the right drop down menu

Reply

Answer 9

Mar 31, 2014 9:33 AM in response to Chrispialpha

TEST

The basic HTML seems to be correct (although I might have been a little more "descriptive with the IDs).

Reply

Answer 10

Mar 31, 2014 9:34 AM in response to Kilgore-Trout

So,

Create a drop-down list with four options:

</select>

Reply

Answer 11

Mar 31, 2014 9:34 AM in response to Chrispialpha

And then sync the second menu with that same code

Reply

Answer 12

Mar 31, 2014 9:36 AM in response to Chrispialpha

What exactly does that have to do with the OP's issue?

Reply

Answer 13

Mar 31, 2014 9:42 AM in response to Kilgore-Trout

It's just a part of the code he put

Reply

Answer 14

Mar 31, 2014 9:44 AM in response to Chrispialpha

With all due respect, it does not appear that you understand the issue the OP is presenting.

Reply

Answer 15

Mar 31, 2014 10:08 AM in response to Kilgore-Trout

I do believe I understand what he is saying,

He is saying that this Script used to work to where when you selected dropdown menu 1, it would open it, but instead it opens dropdown Menu 2 when you select 1. And that ever since the iOS 7.1 update it does this. He is asking if this occurs because of the 7.1 update

Reply