jQuery Selector based on sender

Posted by Othman on Stack Overflow See other posts from Stack Overflow or by Othman
Published on 2012-11-18T22:28:31Z Indexed on 2012/11/18 23:00 UTC
Read the original article Hit count: 279

Filed under:

I have 4 select inputs with the same options. and I am trying to disable any option that has been selected from one of these selects.

<select name="homeTeams[]" onchange="check()">
    <option value="1">Team1</option>
    <option value="2">Team2</option>
    <option value="3">Team3</option>
    <option value="4">Team4</option>
</select>

<select name="homeTeams[]" onchange="check()">
    <option value="1">Team1</option>
    <option value="2">Team2</option>
    <option value="3">Team3</option>
    <option value="4">Team4</option>
</select>


<select name="awayTeams[]" onchange="check()">
    <option value="1">Team1</option>
    <option value="2">Team2</option>
    <option value="3">Team3</option>
    <option value="4">Team4</option>
</select>

<select name="awayTeams[]" onchange="check()">
    <option value="1">Team1</option>
    <option value="2">Team2</option>
    <option value="3">Team3</option>
    <option value="4">Team4</option>
</select>

I am trying to disable the option that has been selected from one of these selectors. I am using jQuery to do it, but I can't get the value based on the sender.

Ex: if the user has chosen Team1 from Select 1 the jQuery code will disable the option Team1 from Select2 and Select3 and Select4.

  function check()
  {
      var a = $('select option:selected').val();
      alert(a);
  }

it gives me the value of the first select.

any Ideas ?

© Stack Overflow or respective owner

Related posts about jQuery