Actualisation et initialisation automatique des éléments de formulaire

Dans ce chapitre, nous étudierons l'actualisation des éléments du formulaire et la prévention de l'initialisation automatique des éléments du formulaire.

Actualisation des éléments de formulaire

La méthode Refresh est utilisée pour mettre à jour le nouvel état du contrôle de formulaire par lui-même et met à jour le contrôle de formulaire avec JavaScript. Les extraits de code suivants sont utilisés pour différents éléments de formulaire -

Cases à cocher

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

Radios

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

Sélectionne

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

Curseurs

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

Commutateurs à bascule

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

Empêcher l'initialisation automatique des éléments de formulaire

Inclure l'attribut data-role = "none"pour modifier le sélecteur utilisé pour empêcher l'auto-initialisation. Lié ledata-role = "none" attribut avec mobileinit événement pour charger la première page avec les pages suivantes.

<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";
});