沒有為jQuery選擇的select字段觸發骨干更改事件

Question

我有一個按鈕，當單擊時設置選擇字段的值，並且還有一個選擇字段的更改事件。 'change select [name = location_id]'事件在通過鼠標/鍵盤正常選擇時有效，但點擊使用jQuery更改選擇字段值的按鈕，不會觸發'change select [name = location_id]'事件。

如何在通過jQuery更改字段時觸發“更改選擇[name = location_id]”？

SubscriptionsModule.Views.SubscriptionEditView = Backbone.Marionette.LayoutView.extend({
    template: "subscriptions/edit",
    events: {
      'click #home-delivery-select': 'selectHomeDeliverySite',
      'change select[name=location_id]': 'updateLocation'
    },
    selectHomeDeliverySite: function() {
      this.$el.find('select[name=location_id]').val(this.model.get('hd_location_id'));
    },
    updateLocation: function(e) {
      //update location code
    },
    updateOrderSize: function(e) {
      SubscriptionsModule.eventManager.trigger('updateOrderSize', $(e.currentTarget).data('price'));
    }
  });

Answer 1

更新

另外，請忽略下面的答案，因為按照該MDN input事件的文檔中， input活動只火的<input>和<textarea>並不會觸發<select> ，因為value的<select>不改變當選擇任何選項時（順便說一句，帶有復選框或收音機 type <input>也不會發出input事件，因為它們的value屬性在選擇時沒有改變（ ！ ）。

我會留下答案供參考。

---

以下是不正確的

來自MDN

當用戶提交對元素值的更改時，將對<input> ， <select>和<textarea>元素觸發change事件。 與輸入事件不同，對於元素值的每次更改，都不一定會觸發change事件。

根據Quirksmode的說法， change事件對所有IE和Opera來說都是錯誤的。

嘗試更換

'change select[name=location_id]': 'updateLocation'

同

'input select[name=location_id]': 'updateLocation'

Answer 2

您只需要添加一個事件：

this.$('select[name=location_id]').val(this.model.get('hd_location_id')).trigger('change');

Answer 3

要在使用jquery更改內容后觸發主干上的更改事件，您需要觸發更改事件。

elem.trigger('change')

http://api.jquery.com/trigger/