HTML Select Tag

rfresh · May 20, 2010

I'm writing a web app that runs on the iphone/iPad. I have a listbox with an onChange() javascript event. I notice listboxes on Safari on the iphone/ipad do not fire on the onChange() event. What event should I be using if not onChange? or is there a trick to detecting the onChange() event?

Thanks

mgamber · May 22, 2010

Sure it does!

<html>
<body>
<select onChange="alert('test');">
<option>Select an option</option>
<option>Option 1</option>
<option>Option 2</option>
<option>Option 3</option>
</select>
</body>
</html>

That worked fine for me on iPad's Safari. Sure you're using the correct tags and there's not a javascript error in there somewhere?

rfresh · May 23, 2010

I think the difference is that my SELECT is a multiple selection listbox. When I select items in the list and then touch the Done button in the list, the list goes away but the JS function does not fire.

PHP:

<SELECT NAME="frm_employees_cbo[]" MULTIPLE='multiple' onChange="employee_list_click();">

mgamber · May 28, 2010

Ah yes, I see it with the multiple tag. The cheap "solution" would be to replace the onChange event with onBlur which still works. The better solution would be to investigate the onTouch... events and determine how to detect when a list item is changed, the Done button is tapped or something else is tapped which closes the list.

rfresh · May 29, 2010

Thanks - the onBlur worked perfectly to detect when the Done button is pressed!!

allisonc · Oct 5, 2010

Options Aren't Showing Up until I click the select element

I have a multi select form element:

Code:

<select  id="something" name ="something" onchange="something();" multiple="multiple" >
<option value="something">something</option>
<option value="somethingelse">something else</option>
</select>

On the ipad, the options aren't showing until I click the select element. Before I do that it says "0 Items".

Any idea why? How to fix this? (BTW it works normally on a computer browser (IE, FF, Safari, Chrome, just not on the ipad)

Thanks.

rfresh · Oct 6, 2010

I don't there is a way to do that. Until you manually select (or programatically select via Javascript) items, it shows 0, which in the iPad case, means no selections. 0 doesn't mean there are no items in the list, it means no items have been selected.

allisonc · Oct 6, 2010

Okay, that's fine, if that's the default behavior. I haven't been able to find a guide to any of this stuff, so I'm just trying to figure things out as I go. Thanks.

amar_bbsr · Feb 9, 2011

asp.net Listbox does not render in ipad

The Asp.net list control renders like a dropdown control safari ipad. What is the solution for it?

nirvanatgr · May 15, 2011

rfresh said:
I think the difference is that my SELECT is a multiple selection listbox. When I select items in the list and then touch the Done button in the list, the list goes away but the JS function does not fire...

PHP:

<SELECT NAME="frm_employees_cbo[]" MULTIPLE='multiple' onChange="employee_list_click();">

it not good, pls different solutions thanks

udhayamoorthy · Mar 17, 2012

Did you find any solution for this multi select form problem in ipad?. kindly share your ideas..

kgu87 · Mar 20, 2012

If you insist on using select tag, search google for
jquery tochecklist plugin.

Otherwise you can implement it via ul with images and CSS/js for a more native look and feel.

udhaya · Apr 11, 2012

Hi allisonc,

Did you found any solutions for this 0 items problem??

Google search

Google search

Google search

HTML Select Tag

rfresh

iPF Noob

mgamber

iPF Noob

rfresh

iPF Noob

mgamber

iPF Noob

rfresh

iPF Noob

allisonc

iPF Noob

rfresh

iPF Noob

allisonc

iPF Noob

amar_bbsr

iPF Noob

nirvanatgr

iPF Noob

udhayamoorthy

iPF Noob

kgu87

iPF Noob

udhaya

iPF Noob

Most reactions

Similar threads

Latest posts