Databases
StackOverflow2013
Postsdbo
POJavaScript on iOS: opening an HTML select element
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POJavaScript on iOS: opening an HTML select element
    primarykey
    data
    text
    <p>I'm not hopeful, but I'll ask just in case.</p> <p>I would like to be able to use JavaScript to open a select element in mobile Safari for iPhone/iPad.</p> <p>An extensive Google / Stack Overflow search shows that a lot of people would like to be able to do this in browsers in general, but it is not supported (why not, I wonder?). Various hacks have been suggested, from calling <code>focus()</code> on the select element and changing its <code>size</code> property to make more <code>option</code> elements visible, or constructing an entirely mock select element with <code>&lt;div&gt;</code> and <code>&lt;ul&gt;</code> elements. I would, however, like to use the native browser select controls in iPad and iPhone.</p> <p>I wondered, just maybe, someone might know of a proprietary Apple WebKit method to do this. It would be something like:</p> <pre><code>var myselect = document.getElementsByTagName("select")[0]; myselect.open(); // this method doesn't exist </code></pre> <p>As a bonus, it'd also be handy to know of a boolean property that says whether the select element is currently open/active, or not (i.e. not just whether the element has focus). I know I can work this out by tracking click and change events, but a simple property would be useful.</p> <p>Wishful thinking?</p> <hr> <p><strong>UPDATE:</strong><br> I don't yet have the answer, but I've found that simulating a <code>mousedown</code> successfully opens a select element in Google Chrome, but not iPad or Firefox and so on:</p> <pre><code>function simulateMouseEvent(eventName, element) { var evt = document.createEvent("MouseEvents"); evt.initMouseEvent(eventName, true, true, window, 0, 0, 0, 0, 0, false, false, false, false, 0, null); element.dispatchEvent(evt); } simulateMouseEvent("mousedown", select); </code></pre> <p><strong>UPDATE:</strong><br> I've asked a related, but different (and similarly unanswered!) question on select boxes here: <a href="https://stackoverflow.com/questions/6207929/is-there-a-dom-event-that-fires-when-an-html-select-element-is-closed">Is there a DOM event that fires when an HTML select element is closed?</a></p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USCommunity
    1. USPremasagar
    plurals
    1. PL
      singulars
      1. LTLinked
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POJavaScript on iOS: opening an HTML select element
      1. USmplungjan
      1. VTFavorite
    2. VO
      singulars
      1. POJavaScript on iOS: opening an HTML select element
      1. USPremasagar
      1. VTFavorite
    3. VO
      singulars
      1. POJavaScript on iOS: opening an HTML select element
      1. This table or related slice is empty.
      1. VTUpMod
    1. COCould you force a click/tap on that element?
      singulars
      1. POJavaScript on iOS: opening an HTML select element
      1. USSeth
    2. COWould you tell us what the effect is you want to achieve? What added value for the user I mean.
      singulars
      1. POJavaScript on iOS: opening an HTML select element
      1. USmplungjan
    3. CO@Seth - how? @mplungjan - It's for an SVG-based data visualisation app, where different gestures can trigger different outcomes. For example, the user can drag a circle around the screen, but if the same circle is given a single tap of the finger then I want a select box full of options to appear. I don't want to require 2 clicks: one to show/ focus the select, +1 to show the options. I *could* make the select element the one that the user interacts with, so it opens when clicked and i could move the circle element if the select element is dragged, but I'd prefer to avoid that if possible.
      singulars
      1. POJavaScript on iOS: opening an HTML select element
      1. USPremasagar
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload