All geek questions in one place

JQuery mobile Select multiple

I checked all the topics regarding jquery mobile select multiple and still cannot figure out what is wrong with my code.

http://jsfiddle.net/HMWYu/

<!DOCTYPE html> <html> <head> <title>Registration</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> </head> <body> <div data-role="page" id="home"> <header data-role="header"> <h1>Register</h1> </header> <div data-role="content"> <div data-role="fieldcontain"> <label for="Services" class="ui-hidden-accessible "> Services:</label> <select name="Services" id="Services" multiple="multiple" size="4"> <option >Hotel</option> <option >Transport</option> <option >Others</option> </select> </div> </div> </div> </body> </html>

Any help would be greatly appreciated.

+4
source share
1 answer

Use custom JQM menus for several. http://jquerymobile.com/demos/1.0.1/docs/forms/selects/custom.html First add data-native-menu = "false" to your selection menu. Then make sure your options are relevant. I added one option that will be used as a placeholder for the tag. Here is my example:

 <!DOCTYPE html> <html> <head> <title>Registration</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.css" /> <script src="http://code.jquery.com/jquery-1.6.4.min.js"></script> <script src="http://code.jquery.com/mobile/1.0.1/jquery.mobile-1.0.1.min.js"></script> </head> <body> <div data-role="page" id="home"> <header data-role="header"> <h1>Register</h1> </header> <div data-role="content"> <div data-role="fieldcontain"> <label for="Services" class="ui-hidden-accessible " > Country: </label> <select name="Services" id="Services" data-native-menu="false" data-mini="true" multiple="multiple" size="4"> <option>Country</option> <option value="hotel">Hotel</option> <option value="transport">Transport</option> <option value="others">Others</option> </select> </div> </div> </div> </body> </html>​
+13
source

Source: https://habr.com/ru/post/1402167/

More articles:


All Articles