Use the same javascript function for multiple controls

Question

I would like to use the same JavaScript function for two or more controls.

Is this possible and how?

this is my example:

<script>
  $(function () {
      $("#datepicker").datepicker({
          showOtherMonths: true,
          selectOtherMonths: true
      });
  });

<input type="text" id="datepicker">
<input type="text" id="datepicker2">

Why are you tagging the question with **c#** and **asp.net**? — Spoody, Apr 04 '18 at 19:11
Possible duplicate of [jQuery Multiple ID selectors](https://stackoverflow.com/questions/7079011/jquery-multiple-id-selectors) — Ricardo Pontual, Apr 04 '18 at 19:12
So use a selector that selects more than one element.... Read jQuery's docs on selectors. — epascarello, Apr 04 '18 at 19:13

score 1 · Answer 1 · answered Apr 04 '18 at 19:08

Change your selector to the Class Selector so all the equal classes get affected by the function

<script>
  $(function () {
      $(".datepicker").datepicker({
          showOtherMonths: true,
          selectOtherMonths: true
      });
  });

<input type="text" class="datepicker">
<input type="text" class="datepicker">

score 1 · Answer 2 · answered Apr 04 '18 at 19:09

1

Yes you can use a multiple id selector:

$("#datepicker, #datepicker2").datepicker({
      showOtherMonths: true,
      selectOtherMonths: true
});

Or add a classe and use a selector by class.

answered Apr 04 '18 at 19:09

Ricardo Pontual

3,749
3
28
43

score 1 · Answer 3 · answered Apr 04 '18 at 19:10

1

You need to add id of all the elements you need to add datepicker to, just like below:

$("#datepicker,#datepicker2").datepicker({
   showOtherMonths: true,
   selectOtherMonths: true
});

answered Apr 04 '18 at 19:10

Arpit Arya

123
6

score 0 · Accepted Answer · answered Apr 04 '18 at 19:26

Use a class selector instead of id selector and things should be good.

<script>
$(function () {
  $(".selectorname").datepicker({
      showOtherMonths: true,
      selectOtherMonths: true
   });
});

<input type="text" class="selectorname">
<input type="text" class="selectorname">

Use the same javascript function for multiple controls

4 Answers4