javascript - 第一个值 onchange 不适用于下拉菜单

Question

我有一个下拉列表，在更改下一个下拉列表时填充该下拉列表的更改，另一个列表将显示，但 onchange 不适用于第一个值，我也尝试了触发器，它不起作用

 $('#job_type').on('change', function(evt) {
      var tt =$("#job option:first").val();
          $('#job')
   .val(tt)
   .trigger('change');
       loadJob();

    });
    $('#job').on('change', function() {


$(".job_error").html("");
        $('#sort_list_assigned').html('');

        var parent = $('#job').find(":selected").text();
        $.ajax({
            url: '/ajax/Hierarchymaping/getJobUpdatedList',
            type: 'POST',
            cache: false,
            data: {
                parent: parent
            },
            success: function(response) {
                if ($.trim(response)) {
                    $('#reset_all_jobs').show();
                    response.forEach(function(item) {
                        $('#sort_list_assigned').append("<input  class='ind_job'   onclick='selectUnselect(this);'    style='float:left;' type='checkbox' checked='checked'   data-job= " + item + " value=" + item + "><li class='sortable-item selected' data-activity=" + item + " data-id=" + item + " style='margin-left:20px;' id=" + item + ">" + item + "</li>");
                    });


                }
            }
        });

    });

我的 HTML 也附在这里，我不知道为什么触发器在这里不起作用

<select id="job_type" class="dd_config" style="width: 265px">
                                    <option value=0>--Select--</option>
                                    <?php
                                    //Initial load of activities 
                                    foreach ($all_jobstype_object as $type_index => $type) {
                                        echo '<option value="' . $type_index . '">' . $type . '</option>';
                                    }
                                    ?>
                                </select>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <label class="lbc">Choose Job </label>  
                            </td>
                            <td>
                                <select id="job" class="dd_config" style="width: 265px">
                                    <option value=0>--Select--</option>
                                </select>
                                 <span class="message job_error"></span>
                        </tr>

标签： javascriptjquerydrop-down-menutriggers