Note that there are some explanatory texts on larger screens.

plurals
  1. POjquery mobile select with data-native-menu="false" and php array does not work
    text
    copied!<p>I cannot make it work. An php array with jqm data-native-menu="false" does not show all items, but only the first and last one. If data-native-menu="true" then all items are shown. How can I fix it?</p> <pre><code>&lt;?php $fooArray = array('Monday', 'Tuesday', 'Wednesday', 'Thursday', 'Friday'); ?&gt; &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;title&gt;&lt;/title&gt; &lt;meta http-equiv="Content-Type" content="text/html; charset=UTF-8"&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /&gt; &lt;script src="http://code.jquery.com/jquery-1.6.4.min.js"&gt;&lt;/script&gt; &lt;script src="js/jquery.js"&gt;&lt;/script&gt; &lt;script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"&gt;&lt;/script&gt; &lt;/head&gt; &lt;body&gt; &lt;section id="main" data-role="page"&gt; &lt;header data-role="header" data-theme="b"&gt;&lt;h1&gt;&lt;/h1&gt;&lt;/header&gt; &lt;div data-role="content"&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="select-choice-1" class="select"&gt;Choose the day:&lt;/label&gt; &lt;select name="select-choice-1" id="select-choice-1" data-native-menu="false"&gt; &lt;?php foreach ($fooArray as $value) { echo '&lt;option value=&gt;'.$value.'&lt;/option&gt;'; } ?&gt; &lt;/select&gt; &lt;/div&gt; &lt;/div&gt; &lt;footer data-role="footer" data-theme="b"&gt;&lt;h1&gt;&lt;/h1&gt;&lt;/footer&gt; &lt;/section&gt; &lt;/body&gt; </code></pre> <p></p>
 

Querying!

 
Guidance

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