Question

我使用了两个下拉列表

我希望当用户在第一个列表中选择2时，执行以下脚本：

  $('select[name="service"]').change(function(){
    $('#modal-hs').show();
  });

JSFiddle

我尝试执行以下几项操作：

$('select[name="service"]').on('change', function (e){...});

或

$('select[name="service"]').trigger('change', function() { .. });

但它没有用。

Answer 1

像这样修改你的$('select[name="reason"]').change处理程序：

// ...
if ($(this).val() == "2") {
      $('#add-status').show();
      $('select[name="service"]>option:eq(1)').prop('selected', true);
      $('select[name="service"]').prop('disabled', true);
      // Trigger the change event
      $('select[name="service"]').trigger('change');
}

这是更新的JSFiddle：https://jsfiddle.net/6gerwaf8/2/

您必须手动触发change事件的原因是change事件需要用户启动实际的浏览器事件。

Answer 2

你是说这个吗？

if ($(this).val() == "2") {
      $('#add-status').show();
      $('select[name="service"]>option:eq(1)').prop('selected', true);
      $('select[name="service"]').prop('disabled', true);
      $('select[name="service"]').trigger("change");
    }

Jquery onchange更新另一个下拉列表

2 个答案: