web-dev-qa-db-fra.com

Comment obtenir la valeur précédemment sélectionnée à partir d'une liste déroulante avant l'échange

Je sais que c'est la question la plus facile mais je ne peux pas obtenir la bonne réponse

<div class="col-12 col-md-4 col-lg-5 mt10-xs">
     <p>Status</p>
     <div class="form-group FL mr20 w100-xs">
           <div class="rsi-custom-select">
                 <select class="form-control" id="statustab_{{ $row['placementkey'] }}" class="select2-selecting" onchange="listingByStatus(this,'{{ $row['placementkey'] }}')">
                     @foreach($placementStatus as $pl)
                        <option @if($pl['placement_status_id'] ==  $row['statusid'] ) selected @endif value="{{$pl['placement_status_key']}}">{{$pl['placement_status']}}</option>
                     @endforeach
                 </select>
            </div>
      </div>
</div>

Ceci est ma fonction onchange. Dans ce Comment puis-je obtenir la valeur sélectionnée précédente de ma zone de sélection

function listingByStatus(ths,key){
      var thisSelect = $('#statustab_'+key).text();
      var statusText = $( "#statustab_"+key+" option:selected" ).text();
      var currentval = $( "#statustab_"+key+" option:selected" ).val();
}
javascriptjqueryjavascript-events
7
Siva Ganesh

Enregistrez la valeur d'origine à l'aide de data() lorsque l'élément est activé: 

$('.select2-selecting').on('focusin', function(){
    console.log("Saving value " + $(this).val());
    $(this).data('val', $(this).val());
});

Et puis récupère l'ancienne valeur sauvegardée dans votre fonction onchange: 

function listingByStatus(ths,key){
         var thisSelect = $('#statustab_'+key).text();
         var statusText = $( "#statustab_"+key+" option:selected" ).text();
         var currentval = $( "#statustab_"+key+" option:selected" ).val();
         var prev = $('.select2-selecting').data('val'); //old value
         console.log("Old value " + prev);
}
6
Sapnesh Naik

Vous pouvez inclure un champ de saisie masqué sur votre page.

<input type="hidden" id="previous_value" name"previous_value" value="abc"/>

Ensuite, dans votre script, vous pouvez accéder à n'importe quelle autre entrée:

var previous = $('#previous_value').val();

Définissez-le après qu'un événement onchange se produise:

$('#statustab_{{ $row['placementkey'] }}').addEventListener('change', function (e) {
    $('$previous_value').val(e.value)
})
5
user320487
  1. Utilisez le data-* pour stocker l'ancienne valeur
  2. Obtenez le data-* comme ancienne valeur et l'option sélectionnée comme nouvelle valeur

$('select').change(function(){
var oldvar = $(this).attr('data-old') !== typeof undefined? $(this).attr('data-old') :"";
var newval = $("option:selected",this).text();
$(this).attr('data-old',newval)
console.log("prev value :" + oldvar)
console.log("curr value :" + newval)
}).change();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
<option>1</option>
<option>2</option>
<option>3</option>
</select>

2
guradio

Combinez l'événement focus avec l'événement change pour obtenir ce que vous voulez:

Essayez comme ça:

(function () {
    var previous;

    $("select[name=test]").focus(function () {
        // Store the current value on focus, before it changes
        previous = this.value;
    }).change(function() {
        // Do soomething with the previous value after the change
        document.getElementById("oldData").innerHTML = "<b>Previous: </b>"+previous;
        
        previous = this.value;
    });
})();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>
<select name="test">
    <option value="one">one</option>
    <option value="two">two</option>
    <option value="three">three</option>
    <option value="four">four</option>
</select>
<div id="oldData"></div>

Cela vous donnera la dernière valeur sélectionnée.

J'espère que cela vous aide!

1
Hiren Gohel

Essayez ci-dessous le code. J'espère que cela vous aidera.

$('select').change(function(){
  var oldval = $(this).prop('data-old') !== undefined ? $(this).prop('data-old') : "";
  var newval = $("option:selected",this).text();
  console.log("previous value : " + oldval);
  console.log("current value : " + newval);
  $(this).prop('data-old',newval);
}).change();
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select>
  <option>Apple</option>
  <option>Mango</option>
  <option>Banana</option>
  <option>Orange</option>
</select>

1
Abdullah Shoaib