jQuery onchange更新另一個下拉列表

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