How to fire an event just once, when having multiple objects selected?
I have a problem and I've spent quite a lot of time trying to solve it, without any success.
I have this code
- <script type="text/javascript">
jQuery(document).ready(function()
{
$("select").click(function()
{
alert($(this).attr('id'));
});
});
</script>
- <FORM><select name="category" id="#link1">
- <option value=1>1</option>
- <option value=2>2</option>
- </select></FORM>
- <FORM><select name="category" id="#link2">
- <option value=1>1</option>
- <option value=2>2</option>
- </select></FORM>
- <FORM><select name="category" id="#link3">
- <option value=1>1</option>
- <option value=2>2</option>
- </select></FORM>
When I click on any of the select fields, I always get 3 subsequent alerts, each with the id of the clicked select field. What I would like is to have only 1 alert with the clicked select id, whenever I click it.
How to do that?