$('select').change(function but on only one specific dropdown? (HTML, Javascript)

Question

I'm trying to do that this code:

$(document).ready(function () {
$('select').change(function () {
    alert(this.value);
});

Alerts a message but only when one of the various dropdowns onscreen is selected. But it works whenever I pick ANY dropdown. How can I do it so that it only works with one specific dropdown?

Give your select tag an id, then use $('#myid') instead of $('select') — Lee Taylor
– Lee Taylor, Commented Apr 15, 2022 at 21:43

Lee Taylor · Accepted Answer · 2022-04-15 22:06:48Z

1

Simply give your respective select tag an id, then use that id for your selector in your jQuery:

$('#select1').change(function () 
{
    alert(this.value);
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

<select id="select1">
  <option value="">--Please Choose--</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<select id="select2">
  <option value="">--Please Choose--</option>
  <option value="A">Apple</option>
  <option value="B">Banana</option>
  <option value="C">Cherry</option>
</select>

answered Apr 15, 2022 at 22:06

Lee Taylor

7,99416 gold badges38 silver badges53 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

$('select').change(function but on only one specific dropdown? (HTML, Javascript)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related