two selected inputs have same value

Question

i tried this method to make a system for users to select their desire ranked and i got stuck into jquery when find from 2 select inputs same selected by user, for example here is what i did.

And now if user from currently ranked select SILVER 3 on second select i want to block the user to select SILVER 2, SILVER 1, etc...

    $('select').change(function(){
      var sum = 0;
      $('select :selected').each(function() {
          sum += Number($(this).val());
      });
           $("#total").html(sum);
           $('input[name=amount]').val(sum);
  });


Your RANK
    
Desire Rank
    
    
      total:

Carsten L&#248;vbo Andersen · Accepted Answer

I think you are looking for something like this, but it might be a little off what you need but try it:

$('select[name^="anch"]').change(function() {
  var sum = 0;
  $('select[name^="anch"] :selected').each(function() {
    sum += Number($(this).val());
  });
  $("#total").html(sum);
  $('input[name=amount]').val(sum);

  var n1 = $('select[name="anch1"]').val();

  if (n1 != 10) {
    $('select[name="anch2"] option').removeAttr('disabled');
    var o2 =  $('select[name="anch2"] option').filter(function() {
      return this.value <= n1
    });
    $(o2).attr('disabled', 'disabled');
  }
});

Working Demo

$('select[name^="anch"]').change(function() {
  var sum = 0;
  $('select[name^="anch"] :selected').each(function() {
    sum += Number($(this).val());
  });
  $("#total").html(sum);
  $('input[name=amount]').val(sum);

  var n1 = $('select[name="anch1"]').val();

  if (n1 != 10) {
    $('select[name="anch2"] option').removeAttr('disabled');
    var o2 =  $('select[name="anch2"] option').filter(function() {
      return this.value <= n1
    });
    $(o2).attr('disabled', 'disabled');
  }
});


Your RANK

Desire Rank


total:

two selected inputs have same value

Answers (2)

Related Questions