Javascript jqueryonchange更新另一个下拉列表

我用了两个下拉列表

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

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

我试着做了几件事，比如：

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

或

但它不起作用。

修改您的

$（'select[name=“reason”]”）。更改
处理程序如下：

// ...
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');
}

以下是更新的JSFIDLE：

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

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");
    }

你的问题不清楚，你能说得更具体些吗
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");
    }