Breaking News: Grepper is joining You.com. Read the official announcement!

two dropdown on one selection jquery

Poor Porpoise answered on July 20, 2022 Popularity 7/10 Helpfulness 2/10

answer two dropdown on one selection jquery

related two dropdown on one selection jquery

two dropdown on one selection jquery

Comment

body {
  margin: 20px;
}

select {
  border: 0;
  width: 100%;
}

td {
  width: 45px;
}

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: dropdown javascript jquery selection

Link to this answer
Share Copy Link

Contributed on Jul 20 2022

Poor Porpoise

0 Answers Avg Quality 2/10

Closely Related Answers

two dropdown on one selection jquery

Comment

$('select').change(function() {
  reEvaluateAvailableOptions();
});

function reEvaluateAvailableOptions() {
  var selectElements = $('#select1, #select2,#select3, #select4, #select5');

  var selectedValues = [];
  selectElements.each(function() {
    var value = $(this).val();

    value >= 0 && selectedValues.push(value);
  });

  // Disable all the selected values.
  selectElements.each(function() {
    var currentValue = $(this).val();


    $(this).children('option')
      .removeAttr("disabled")
      .each(function() {

        var value = this.value;
        if (selectedValues.indexOf(value) >= 0 && currentValue != value) {
          $(this).attr('disabled', "disabled");
        }
      });
  });
}

Popularity 7/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript selection jquery dropdown jav

Link to this answer
Share Copy Link

Contributed on Jul 20 2022

Poor Porpoise

0 Answers Avg Quality 2/10

two dropdown on one selection jquery

Comment

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<table border="1" width="50%">
  <tr>
    <td>Cost Saving</td>
    <td>
      <select name="" id="select1">
        <option value="-1">Choose...</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
      </select>
    </td>
  </tr>
  <tr>
    <td>Imrpove Quality</td>
    <td>
      <select name="" id="select2">
        <option value="-1">Choose...</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
      </select>
    </td>
  </tr>
  <tr>
    <td>Improve customer sat</td>
    <td>
      <select name="" id="select3">
        <option value="-1">Choose...</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
      </select>
    </td>
  </tr>
  <tr>
    <td>Improve employee sat</td>
    <td>
      <select name="" id="select4">
        <option value="-1">Choose...</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
      </select>
    </td>
  </tr>
  <tr>
    <td>Adhere to Regulatory compliance</td>
    <td>
      <select name="" id="select5">
        <option value="-1">Choose...</option>
        <option value="1">1</option>
        <option value="2">2</option>
        <option value="3">3</option>
        <option value="4">4</option>
        <option value="5">5</option>
      </select>
    </td>
  </tr>
</table>
 Run code snippetHide results

Popularity 7/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: dropdown javascript selection jquery jque

Link to this answer
Share Copy Link

Contributed on Jul 20 2022

Poor Porpoise

0 Answers Avg Quality 2/10

two dropdown on one selection jquery

Contents

More Related Answers

two dropdown on one selection jquery

Closely Related Answers

two dropdown on one selection jquery

two dropdown on one selection jquery

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.