触发选择不适用于触发事件

Question

To trigger input I can use focus(), but it doesn't work for select element. I tried trigger('change'), nothing happened. Not sure what is wrong.

DEMO https://jsfiddle.net/r8ca2jgr/

<select name="" id="">
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>

<button>trigger</button>


$(function() {
  $('button').click(function() {
    $('select').trigger('change');
  })
});

Answer 1

Add a type for the button element:

<button type="button">trigger</button>

By default the type of the button is "submit" so your form will be submitted and you notice nothing for trigger change.