Databases
StackOverflow2013
Postsdbo
POiOS Safari Mobile disable previous & next for select input
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POiOS Safari Mobile disable previous & next for select input
    primarykey
    data
    text
    <p>I had found a similar question regarding this problem last Friday, but cant seem to find it again. If someone could poke me in the right direction, that would be great.</p> <p>Essentially I have multiple select menu's on a page. The first populates on load, the second populates determining on the selection of the first. Simple enough. </p> <p>However, in iOS devices, when you tap on the select element, it launches the iOS scroller for you to make a selection. If someone uses the native iOS <code>previous</code> or <code>next</code> buttons, the following <code>&lt;select&gt;</code> input will not collect the previous selection data. You have to physically tap <code>done</code> then launch the next select menu for the populated results to be accurate.</p> <p>There is a website called <a href="http://m.lemonfree.com" rel="noreferrer">http://m.lemonfree.com</a> which forces you to tap <code>done</code> rather than <code>prev/next</code>, and also prevents you from tapping off of the iOS select menu to close the selection prompt. Essentially forcing the user to select <code>done</code>.</p> <p>I would be very interested in finding out how they achieved this functionality.</p> <p>Cheers!</p> <p>Here's my code just in case:</p> <pre><code>&lt;form method="post" action="list.php" class="striped-bg-inverted"&gt; &lt;p&gt; &lt;label for="make"&gt;Make&lt;/label&gt; &lt;select name="make" id="make" required="required"&gt; &lt;option selected&gt;Select a Make&lt;/option&gt; &lt;?php foreach ($usedMakes-&gt;MakeResult as $MakeResult) { ?&gt; &lt;option value="&lt;?php echo $MakeResult-&gt;makeId; ?&gt;"&gt;&lt;?php echo $MakeResult-&gt;makeName; ?&gt;&lt;/option&gt; &lt;?php } ?&gt; &lt;/select&gt; &lt;/p&gt; &lt;p&gt; &lt;label for="model"&gt;Model&lt;/label&gt; &lt;select name="model" id="model" required="required"&gt; &lt;option value="" selected&gt;Select a Model&lt;/option&gt; &lt;/select&gt; &lt;/p&gt; &lt;p&gt; &lt;button name="submit" id="submit"&gt;&amp;nbsp;Submit&amp;nbsp;&lt;/button&gt; &lt;/p&gt; &lt;/form&gt; </code></pre> <p>My JavaScript: </p> <pre><code>$("#make").change(function() { var makeId = $(this).val(); $.ajax({ url: "process.inc.php?makeId=" + makeId, type: "GET", contentType: "application/json; charset=utf-8", dataType: "json", success: function (data) { var list = ""; for (i = 0 ; i &lt; data.length; i++) { var modelId = data[i].ModelResult.modelId; var modelName = data[i].ModelResult.modelName; list += "&lt;option value=\"" + modelId + "\"&gt;" + modelName + "&lt;/option&gt;"; }; var theSelect = $("#model"); theSelect.find("option:gt(0)").remove(); theSelect.append(list); } }); }); </code></pre>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USrobabby
    1. USrobabby
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    3. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POiOS Safari Mobile disable previous & next for select input
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POiOS Safari Mobile disable previous & next for select input
      1. UStwodayslate
      1. VTFavorite
    3. VO
      singulars
      1. POiOS Safari Mobile disable previous & next for select input
      1. This table or related slice is empty.
      1. VTUpMod
    1. CORelated: http://stackoverflow.com/questions/11313782/iphone-web-form-disable-prev-next-autofill-done-bar http://stackoverflow.com/questions/9920952/remove-previous-next-and-done-button-at-html-form http://stackoverflow.com/questions/5443470/disabling-iphone-specific-controls-in-web-browser
      singulars
      1. POiOS Safari Mobile disable previous & next for select input
      1. UStwodayslate
    2. COAll of those are 'related' however I had seen a specific solution that used jQuery to force cooperation, which I cannot locate again. I have also provided an example link for testing this functionality in a way that I would like to implement. I don't care if it's not 'suggested' behavior. My boss wants it, so I need to do it. Thanks for the reference links, though.
      singulars
      1. POiOS Safari Mobile disable previous & next for select input
      1. USrobabby
    3. COMore: http://stackoverflow.com/questions/10574663/ipad-form-disable-previous-next-buttons http://stackoverflow.com/questions/7472465/disabling-previous-and-next-buttons-in-mobile-safari
      singulars
      1. POiOS Safari Mobile disable previous & next for select input
      1. UStwodayslate
 

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