以下内容不正确

Question

我有一个按钮，单击该按钮可设置选择字段的值，并且还具有选择字段的更改事件。更改选择[name = location_id]＆＃39;当通过鼠标/键盘正常选择但点击使用jQuery更改选择字段值的按钮时，事件有效，并且不会触发更改选择[name = location_id]＆＃39;事件

如何更改选择[name = location_id]＆＃39;通过jQuery更改字段时触发？

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 event docs，input事件仅针对<input>和<textarea>触发，并且不会针对{{1}触发}，因为<select>的{{1}}在选择任何选项时都不会更改（顺便说一句，value <select> 复选框或 radio 也不会发出<input>事件，因为他们的type属性在选择时未更改（！）。

我会留下答案供参考。

以下内容不正确

来自 MDN

当用户提交对元素值的更改时，会为input，value和<input>元素触发更改事件。与输入事件不同，对于元素值的每次更改，都不一定会触发更改事件。

根据Quirksmode，<select>事件对于所有IE和Opera来说都是错误的。

尝试替换

<textarea>

与

change

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/

没有为jQuery选择的select字段触发骨干更改事件

3 个答案:

更新

以下内容不正确