У меня есть аякс в
$.each(data, function(i, item) {
$('.remaining').val(item.arrears)
});
.remaining
входное значение не изменяется при изменении. Кто-нибудь знает, как это сделать этот. Я новичок в JQuery. Ниже вы можете найти JQuery, который я использую.
<script type="text/javascript">
$("select[name='student_detail_id']").change(function() {
var student_detail_id = $(this).val();
console.log(student_detail_id);
var token = $("input[name='_token']").val();
$.ajax({
url: "<?php echo url('admin/remaining_fee') ?>",
method: 'POST',
data: { student_detail_id: student_detail_id, _token: token },
success: function(data) {
console.log(data);
$(".remaining").each(function() {
$(this).find('input').not(':first').remove();
});
$.each(data, function(i, item) {
$('.remaining').val(item.arrears)
});
}
});
});
</script>
<div class="form-group">
<label for="email">Remaining</label>
<input type="text" class="form-control remaining" name="" id="" required="" Readonly /></div>
Я хочу на изменение выбрать значение () изменить.
2 ответа
Я предлагаю вам заменить это:
$.each(data, function(i, item) {
$('.remaining').val(item.arrears)
});
С этим:
$("select[name='student_detail_id']").change(function() {
var student_detail_id = $(this).val();
console.log(student_detail_id);
var token = $("input[name='_token']").val();
$.ajax({
url: "<?php echo url('admin/remaining_fee') ?>",
method: 'POST',
data: { student_detail_id: student_detail_id, _token: token },
success: function(data) {
console.log(data);
$(".remaining").each(function() {
// here we empty the container to make it ready to add items
$('.inputContainer').html('');
//$(this).find('input').not(':first').remove();
});
$.each(data, function(i, item) {
//here we create an element
const $input = $('<input />')
.addClass('form-control remaining')
.attr('name','remaining')
.attr('id', 'remaining_'+i)
.attr('type', 'text')
.attr('readonly', 'readonly')
.val(item.arrears)
// here we append it into container
$('.inputContainer').append($input);
});
}
});
});
И HTML что-то вроде:
<div class="form-group">
<label for="email">Remaining</label>
<input type="text" class="form-control remaining" name="" id="" required="" Readonly />
<div class="inputContainer" >
</div>
</div>
Вот как вы добавляете элемент с помощью jQuery. и тогда вы можете сделать $('#container').append($element)
$(":input").bind("keyup change", function(e) {
// do stuff!
})
Надеюсь, это поможет.
Похожие вопросы
Новые вопросы
jquery
jQuery - это библиотека JavaScript, рассмотрите возможность добавления тега JavaScript. jQuery - это популярная кросс-браузерная библиотека JavaScript, которая облегчает прохождение Document Object Model (DOM), обработку событий, анимацию и взаимодействие AJAX, сводя к минимуму расхождения между браузерами. Вопрос с тегом jQuery должен быть связан с jQuery, поэтому jQuery должен использоваться в рассматриваемом коде, и в вопросе должны быть как минимум элементы, связанные с использованием jQuery.