jQuery Mobile: menú de selección de opciones seleccionadas

Descripción

En las etiquetas <option>, agregue el atributo selected = "selected" para seleccionar una opción particular por defecto en el menú de selección personalizado.

Ejemplo

El siguiente ejemplo demuestra el uso de la opción seleccionada en el menú de selección en jQuery Mobile.

<!DOCTYPE html>
<html>
   <head>
      <meta name = "viewport" content = "width = device-width, initial-scale = 1">
      <link rel = "stylesheet" href = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.css">
      <script src = "https://code.jquery.com/jquery-1.11.3.min.js"></script>
      <script src = "https://code.jquery.com/mobile/1.4.5/jquery.mobile-1.4.5.min.js"></script>
   </head>

   <body>
      <h2>Selectmenu Empty Option Value Example</h2>
      <div class = "ui-field-contain">
         <label for = "select-custom">Custom Select</label>
         
         <select id = "select-custom" data-native-menu = "false">
            <option value = "mu">Mumbai</option>
            <option value = "pu">Pune</option>
            <option value = "be" selected = "selected">Belgaum</option>
            <option value = "ch">Chennai</option>
            <option value = "ban">Bangalore</option>
         </select>
         
      </div>
   </body>
</html>

Salida

Realicemos los siguientes pasos para ver cómo funciona el código anterior:

Guarde el código html anterior como selectmenu_custom_selected_option.html archivo en la carpeta raíz de su servidor.
Abra este archivo HTML como http: //localhost/selectmenu_custom_selected_option.html y se mostrará el siguiente resultado.

↰ Previous page