Actualización e inicialización automática de elementos de formulario

En este capítulo estudiaremos cómo actualizar un elemento de formulario y evitar la inicialización automática de los elementos de formulario.

Elementos de formulario refrescantes

El método Refresh se usa para actualizar el nuevo estado del control de formulario por sí mismo y actualiza el control de formulario con JavaScript. Los siguientes fragmentos de código se utilizan para diferentes elementos de formulario:

Casillas de verificación

$( "input[type = 'checkbox']" ).prop( "checked", true ).checkboxradio( "refresh" );

Radios

$( "input[type = 'radio']" ).prop( "checked", true ).checkboxradio( "refresh" );

Selecciona

var myselect  =  $( "#selectfoo" );
myselect[0].selectedIndex = 3;
myselect.selectmenu( "refresh" );

Deslizadores

$( "input[type = 'range']" ).val( 60 ).slider( "refresh" );

Interruptores giratorios

var myswitch = $( "#selectbar" );
myswitch[ 0 ].selectedIndex = 1;
myswitch.slider( "refresh" );

Prevención de la inicialización automática de elementos de formulario

Incluir el atributo data-role = "none"para modificar el selector que se utiliza para evitar la inicialización automática. Atado eldata-role = "none" atributo con mobileinit evento para cargar la primera página junto con las páginas siguientes.

<label for = "test">
<select id = "test" name = "test" data-role = "none">
   <option value = "Mumbai">Mumbai</option>
   <option value = "Pune">Pune</option>
   <option value = "Belgaum">Belgaum</option>
   <option value = "Chennai">Chennai</option>
   <option value = "Bangalore">Bangalore</option>
</select>
$( document ).bind( "mobileinit", function() {
   $.mobile.page.prototype.options.keepNative = "select, input.test, textarea.bar";
});