how i can rigger jquery function by clicking on pre-selected option

Question

how can i trigger a function in jquery option if option is already selected, i want to perform ajax function through it but control is not going to the jquery function

jquery file:-

$(document).ready(function(){
    $("#value").change(function(){
        alert("The text has been changed.");
     });
});

html where i want to triger a jquery function i click on selected option file:--

<select id="value">
    <option value="o"> SELECT-0</option>
    <option value="1" selected=selected> SELECT-1</option>
    <option value="2"> SELECT-2</option>
    <option value="3"> SELECT-3</option>
</select>

If the option is selected when the page loads, just make the AJAX request on page load too — Rory McCrossan, Mar 13 '19 at 09:59
it works when i hit another option but i want to triger function whene someone clicks on "SELECT-1" which is pre selected is there any function alternative of this?? — Akshay Kumar, Mar 13 '19 at 10:00
how can i make ajax request if i am not able to call any function?? — Akshay Kumar, Mar 13 '19 at 10:02
Why can you not call any function? See prasanth's answer below to see what I meant. — Rory McCrossan, Mar 13 '19 at 10:03
i just want to say how can i perform any function when i click on the pre-selected option is there any way in jquery? — Akshay Kumar, Mar 13 '19 at 10:10
@AkshayKumar .`trigger()` function as same thing for already selected value.What you still expect . Clarify some specific of your question? — prasanth, Mar 13 '19 at 10:27

prasanth · Accepted Answer · 2019-03-13T10:17:56.790

2

You need to trigger() the change function on document.ready

For Comment:when the selected option is clicked again,. so add event of click

$(document).ready(function() {
  $("#value").on('change click',function() {
    alert("The text has been changed.");
  });
  $("#value").trigger('change')
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.0/jquery.min.js"></script>
<select id="value">
  <option value="o"> SELECT-0</option>
  <option value="1" selected=selected> SELECT-1</option>
  <option value="2"> SELECT-2</option>
  <option value="3"> SELECT-3</option>
</select>

edited Mar 13 '19 at 10:17

answered Mar 13 '19 at 10:00

prasanth

22,145
4
29
53

Just FYI it appears from the comments that the OP was asking about firing a `change` event when the selected option is clicked again, not what their question asks about firing the event on load. – Rory McCrossan Mar 13 '19 at 10:14
@RoryMcCrossan i was updated – prasanth Mar 13 '19 at 10:18
Your update doesn't let you select anything, and causes selections to occur when opening the options list. – Rory McCrossan Mar 13 '19 at 10:18

how i can rigger jquery function by clicking on pre-selected option

1 Answers1