comment éviter de changer selectbox valeur si je dis non à confirmer

je m en utilisant une boîte de sélection de pays, lorsque l'utilisateur de sélectionner un pays, puis ajouter la branche de lien s'affiche et l'utilisateur d'ajouter des branches, en vertu de ce pays, mais lorsque l'utilisateur veut changer de pays, puis toutes les branches concernant ce pays doit être destryoed. avant de changer un pays, une boîte de confirmation apparaît et afficher l'avertissement..tout fonctionne bien, mais

si je clique sur "Annuler" sur la fenêtre de confirmation, puis les branches reste là, mais de sélectionner la zone valeur a changé à de nouveaux pays (et même que je clique sur annuler)

j'ai besoin que si l'utilisateur annuler pour changer de pays, puis sélectionnez la valeur de la zone serait aussi précédent.

s'il vous plaît dites comment le faire avec JQuery
mon code est donné ci-dessous

<form>
<table>
<tr>
<td >Select Country :</td>
<td >
<select name="country_id" id="country"  class="selectbox" title="Please select country" validate="required:true" onchange="javascript:showBranch();" >
<option value="" >Select Country </option>
<option value="00002" > Afghanistan</option>
<option value="00054" > Croatia</option> 
<option value="00060" > Dominica</option> 
<option value="00062" > Ecuador</option> 
<option value="00064" > El Salvador</option> 
<option value="00067" > Estonia</option> 
<option value="00099" > India</option> 
</select>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td>
<div id="branches">
<!-- Raw Branch Details-->
<div><span><a title="First Branch" href="">First</a></span></div>
<div><span><a title="Second Branch" href="">Second</a></span></div>
<div><span><a title="Third Branch" href="">Third</a></span></div>                  
</div>
<div id="brancherror"></div>
</td>
</tr>
<tr>
<td>&nbsp;</td>
<td align="left">
<span id="branchLink" style="display:none" >
<a href="#" class="thickbox" id="branchhref">Add Branch(es)</a></span>
</td>
</tr>
</table>
</form>
function showBranch()
{   
var countryid = jQuery('#country').val();
if (jQuery("#branches>div").size())
{
if (confirm('If country has been changed then data corresponding to present branches will lost.Do you want to continue?'))
{
jQuery('#branches').html('');
}
jQuery('#branchhref').attr({href: "index.php?option=com_advertise&view=createbranch&format=raw&country=" + countryid + "&KeepThis=true&TB_iframe=true&height=500&width=900",title: 'Add Branch'});
}
else
{
jQuery('#branchhref').attr({href : "index.php?option=com_advertise&view=createbranch&format=raw&country=" + countryid + "&KeepThis=true&TB_iframe=true&height=500&width=900",title:'Add Branch'});
return true;
}
jQuery('#branchLink').show();   
}
InformationsquelleAutor JustLearn | 2010-07-29
  1. 19

    Vous pouvez simplement stocker la valeur précédente et le régler si nécessaire, comme ceci:

    var countryVal;
$("#country").change(function() {
var newVal = $(this).val();
if (!confirm("Are you sure you wish to destroy these country branches?")) {
$(this).val(countryVal); //set back
return;                  //abort!
}
//destroy branches
countryVal = newVal;       //store new value for next time
});

    Ou de l'utilisation .data() comme @Gaby suggère, comme ceci:

    $("#country").change(function() {
var newVal = $(this).val();
if (!confirm("Are you sure you wish to destroy these country branches?")) {
$(this).val($.data(this, 'val')); //set back
return;                           //abort!
}
//destroy branches
$.data(this, 'val', newVal);        //store new value for next time
});
    • +1, a été écrit même des trucs, mais à l'aide de la .data() de sorte qu'il pourrait travailler pour de multiples sélectionnez les cases..
    • Si vous n'êtes pas écrit que la encore, je vais l'ajouter en option, si vous êtes, alors je vais le laisser seul 🙂
    • Je l'ai ajouté ici par souci d'exhaustivité, si vous changez d'avis et d'ajouter, s'il vous plaît commentaire, je vais l'enlever ici et +1 la vôtre.
    • & @Gaby - MERCI!!! Juste vous a donné des charges de rep pour celui-ci! Utilisé l' .de données() comme ceci $(this).data('curVal', $(this).val()); Plus logique syntaxe moi sphinks!
    • $.solution de données est agréable. Mais si vous n'avez pas d'option value="" vous avez besoin de quelque chose de plus. Sinon, après la très d'abord essayer de changer la valeur et appuyer sur Annuler, vous obtiendrez un label vide dans la boîte de sélection.
    • Ouais vous sorte de besoin de définir la valeur par défaut la première fois...

    InformationsquelleAutor Nick Craver
  2. 3

    Ci-dessous la solution a fonctionné pour moi. Tout d'abord onfocus est appelé. Cet événement continue à la valeur actuelle dans un attribut "PrvSelectedValue". Deuxièmement onchange est appelé, nous avons défini la valeur précédente si l'utilisateur d'annuler la fenêtre de confirmation.return false est utilisé pour empêcher la publication dans ASP.NET.

    <select   
onfocus="this.setAttribute('PrvSelectedValue',this.value);" 
onchange="if(confirm('Do you want to change?')==false){ this.value=this.getAttribute('PrvSelectedValue');return false; }" 
></select>
    InformationsquelleAutor garish
  3. 0

    Je poste cette réponse au risque du ridicule, parce que je suis certes assez noob à ce genre de choses (été seulement l'apprentissage d'un ou deux mois), mais j'ai été capable de gérer une situation similaire (changement de fuseau horaire) il suffit de faire ceci:

    $(".timezonedropdown").change(function() {
var newVal = $(this).val();
if(!confirm("Are you sure?")) {
$(this).val($(this).closest('select').attr("data-originaltimezone"));
}
});

    Ensuite dans mon code html, j'inclus les données originaltimezone="quelque chose" dans le select. J'ai eu la classe timezonedropdown pour le sélectionner en tant que bien. Espérons que ça aide! 🙂

    InformationsquelleAutor Kris Kibak