HTML Select Tag

**rfresh** · 05-21-2010 12:00 AM

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

**Sponsors** · 05-21-2010 12:00 AM

**mgamber** · 05-22-2010 01:03 PM

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** · 05-23-2010 01:14 AM

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 Code:


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

**mgamber** · 05-28-2010 10:53 AM

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** · 05-29-2010 01:27 PM

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

**allisonc** · 10-05-2010 08:51 AM

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** · 10-06-2010 01:15 AM

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** · 10-06-2010 07:59 AM

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** · 02-09-2011 04:06 AM

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

**nirvanatgr** · 05-15-2011 05:00 AM

Originally Posted by rfresh

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 Code:


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

it not good, pls different solutions thanks

HTML Select Tag

Thread: HTML Select Tag

LinkBack

Thread Tools

Display

HTML Select Tag

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

asp.net Listbox does not render in ipad

Home | Forum | Active Topics | What's New

Sponsors

Posting Permissions

Similar Threads

HTML 5 Magazines...where are they now?

Search tags for this page

html select ipad

html select iphone

ipad html listbox

ipad html select

ipad html select box

ipad html select multiple

ipad html tags

ipad listbox

ipad multiple select

ipad onchange

ipad safari listbox

ipad select html

ipad select list

ipad select multiple

ipad select tag

iphone html select

iphone html select multiple

iphone select html

onchange ipad

select html ipad