在更改输入值时,jquery中的值不会更改

时间:2019-05-28 17:03:55

标签: jquery

我有ajax。在

$.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>

我要更改时选择val()更改。

2 个答案:

答案 0 :(得分:0)

import csv
import json
import pandas as pd
df = pd.read_csv(r"<name of csv file in which each row is a JSON file>")

希望有帮助。

答案 1 :(得分:0)

我建议您替换一下:

$.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)