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
jQuery
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