我有一个下拉列表,在填充下一个下拉列表的更改中 该下拉列表的onchange将显示另一个列表,但是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>