How I can detect change on Select, which is called from code?

Question

I want to trigger .change() on select, if I change option in select element by code.

I take example from jQuery documentation and added my hook to link, which after click change selected option in select. And problem is if user click on that link, then change function doesn't react.

http://api.jquery.com/change/

$("select").change(function () {
      var str = "";
      $("select option:selected").each(function () {
            str += $(this).text() + " ";
          });
      $("div").text(str);
    })
    .change();

$("#test").click(function () {
  $("select option:eq(2)").attr("selected", "selected")
});   

Answer 1

the change function only reacts to user actions. You can call: $('select').change(); manually:

$("#test").click(function () {
  $("select option:eq(2)").attr("selected", true);
  $('select').change();
}); 

You should use an ID, instead of the jquery selecter: 'select'. Just in case you use multiple selects on 1 page.