Как предотвратить изменение значения selectbox, если я скажу "нет", чтобы подтвердить

i m, используя поле выбора страны, когда пользователь выбирает страну, а затем добавляет ссылку на ветку, и пользователь добавляет ветки в эту страну, но когда пользователь хочет изменить страну, все ветки в отношении этой страны должны быть уничтожены. перед изменением страны появляется окно подтверждения и отображается предупреждение. Все работает нормально, но

если я нажму кнопку "Отменить" в поле подтверждения, тогда ветки остаются там, но выберите значение поля, измененное для новой страны (даже я нажимаю на отмену)

Мне нужно, чтобы, если пользователь отменил изменение страны, выберите значение поля и предыдущей страны.

расскажите, как это сделать с помощью JQuery мой код приведен ниже

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

Ответ 1

Вы можете просто сохранить предыдущее значение и установить его при необходимости, например:

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

Или используйте .data() как @Gaby, например:

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

Ответ 2

Я отправляю этот ответ на риск насмешек, потому что я, по общему признанию, довольно нуб в этом материале (изучал только месяц или два), но я смог справиться с подобной ситуацией (сменяя часовые пояса) это:

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

Тогда в моем html я включил data-originaltimezone = "whatever" в select. У меня был класс timezonedropdown для выбора. Надеюсь, это поможет!:)

Ответ 3

Ниже мне помогло решение. В первую очередь называется onfocus. Это событие сохраняет текущее значение в атрибуте "PrvSelectedValue". Во-вторых, onchange вызывается, мы устанавливаем предыдущее значение, если пользователь отменяет подтверждение popup.return false используется для предотвращения обратной передачи в 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>