Estou tendo problemas com cache em uma página pois são três chamadas no evento de .change();
de 3 input[type='select']
assíncronas com jQuery
, porém quando faço uma nova selação no primeiro select
, por algum motivo fica cache do antigo valor enviado para a página por assíncrono.
Enfim, existe alguma outra alternativa ao $("#minhaDiv").html('');
para limpar todo o conteúdo da DIV
?
Existem 3 selects com 3 divs:
<html>
<select id='select1' name='select1'>
<option value='1'>1</option>
<option value='2'>2</option>
</select>
<select id='select2' name='select2'>
<option value='1'>1</option>
<option value='2'>2</option>
</select>
<select id='select3' name='select3'>
<option value='1'>1</option>
<option value='2'>2</option>
</select>
<div id='divSelect1'></div>
<div id='divSelect2'></div>
<div id='divSelect3'></div>
<script>
$(document).ready(function(){
$("#divSelect1").on('change', function(){
$('#divSelect2').empty();
$('#divSelect3').empty();
var cat_four_value = $(this).val();
$.ajax({
type: 'POST',
url: 'push/' + cat_four_value + '/',
data: { value: cat_four_value },
cache: false,
success: function(data){
$('#divSelect1').load('select-details/1');
}
});
}
$("#divSelect2").on('change', function(){
$('#divSelect3').empty();
var cat_four_value = $(this).val();
$.ajax({
type: 'POST',
url: 'push/' + cat_four_value + '/',
data: { value: cat_four_value },
cache: false,
success: function(data){
$('#divSelect2').load('select-details/1');
}
});
}
$("#divSelect3").on('change', function(){
var cat_four_value = $(this).val();
$.ajax({
type: 'POST',
url: 'push/' + cat_four_value + '/',
data: { value: cat_four_value },
cache: false,
success: function(data){
$('#divSelect3').load('select-details/3');
}
});
}
);
</script>
</html>
.html('')
, no caso, é o.empty()
. Agora, se resolveu ou não o seu problema é outra história. :D... mas vamos analisar melhor...