Atualização e inicialização automática de elementos de formulário
Neste capítulo, estudaremos como atualizar o elemento do formulário e evitar a inicialização automática de elementos do formulário.
Atualizando elementos do formulário
O método Refresh é usado para atualizar o novo estado do controle de formulário por si só e atualiza o controle de formulário com JavaScript. Os seguintes snippets de código são usados para diferentes elementos de formulário -
Caixas de seleção
$( "input[type = 'checkbox']" ).prop( "checked", true ).checkboxradio( "refresh" );
Rádios
$( "input[type = 'radio']" ).prop( "checked", true ).checkboxradio( "refresh" );
Selecione% s
var myselect = $( "#selectfoo" );
myselect[0].selectedIndex = 3;
myselect.selectmenu( "refresh" );
Sliders
$( "input[type = 'range']" ).val( 60 ).slider( "refresh" );
Chaves giratórias
var myswitch = $( "#selectbar" );
myswitch[ 0 ].selectedIndex = 1;
myswitch.slider( "refresh" );
Evitando a inicialização automática de elementos de formulário
Inclui o atributo data-role = "none"para modificar o seletor que é usado para evitar a inicialização automática. Bound thedata-role = "none" atributo com mobileinit evento para carregar a primeira página junto com as páginas subsequentes.
<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";
});