我有以下選擇串列，它們位于表格單元格中。選擇串列是相同的，但是在每個單元格中都有一組唯一的隱藏值，即模型和年份。我基本上希望背景顏色在包含我正在更改的選擇串列的單元格中更新，成功時，通過ajax。我幾乎擁有它，只是它改變了所有單元格。
<td>
<input type="hidden" name="model" value="2" />
<input type="hidden" name="year" value="2020" />
<select name="select-vehicle">
<option value="0"></option>
<option value="1">Car 1</option>
<option value="2">Car 2</option>
</select>
</td>
<td>
<input type="hidden" name="model" value="1" />
<input type="hidden" name="year" value="2019" />
<select name="select-vehicle">
<option value="0"></option>
<option value="1">Car 1</option>
<option value="2">Car 2</option>
</select>
</td>
$ ('select[name="select-vehicle"]').change(function() {
var data = {
'car_id' : $(this).val(),
'model_id' : $(this).siblings('input[type="hidden"][name="model"]').val();
'year' : $(this).siblings('input[type="hidden"][name="year"]').val();
$.ajax({
url: 'cars/saveVehicle',
data: data,
method: 'post',
success: function(response) {
$('select[name="select-vehicle"]').closest('td').addClass('bg-success');
},
error: function(jqXHR, textStatus, errorThrown){
var errorAlert = $(thisForm).find('.alert');
$(errorAlert).find('p').text('Unable to save');
$(errorAlert).show();
},
complete: function(){
$(errorMessage).hide();
}
});
event.preventDefault();
});
uj5u.com熱心網友回復：
您需要將其捕獲$(this)為稍后可以在 ajax 中參考的變數：
$('select[name="select-vehicle"]').change(function() {
let _this = $(this); // capture it here
var data = {...}
$.ajax({
...
success: function(response) {
// then access it here
_this.closest('td').addClass('bg-success');
}
...
});
event.preventDefault();
});
轉載請註明出處，本文鏈接：https://www.uj5u.com/gongcheng/467652.html