javascript - jquery javascript 问题

Question

能否请您看一下并说明为什么这不起作用，我无法弄清楚。问题在于

$("#item_name").val(item_name);
$("#amount").val(course_price);

这应该是将信息添加到 2 个隐藏输入(

<input type="hidden" name="item_name" id="item_name"value="">
 <input type="hidden" name="amount" id="amount" value="">

)但它们显示为空白

course_name.php?courseID=1 的值也是 Course Name,500

完整的 Javascript

<script>

      $(document).ready(function() {
url = "date_range.php?courseID="+$('#course_name').val();
  $("#dates").load(url)
  url = "course_name.php?courseID="+$('#course_name').val();
   var course_details;
$.get(url, function(data){
    course_details= data;
});
   split_course_details = course_details.split(',');
   course_name=split_course_details[0];
   course_price=split_course_details[1];
   course_date=$("#date_range").val();
   item_name=course_name+' - '+course_date;
   $("#item_name").val(item_name);
    $("#amount").val(course_price);


      });


$('#course_name').change(function() {
    url = "date_range.php?courseID="+$('#course_name').val();
  $("#dates").load(url)
  url = "course_name.php?courseID="+$('#course_name').val();
  var course_details;
$.get(url, function(data){
    course_details= data;
});
   split_course_details = course_details.split(',');
   course_name=split_course_details[0];
   course_price=split_course_details[1];
   course_date=$("#date_range").val();
   item_name=course_name+' - '+course_date;
   $("#item_name").val(item_name);
    $("#amount").val(course_price);
});

</script>

Answer 1

将您的计算放在 $.get() 的回调函数中，如下所示:-

$(document).ready(function() {
    url = "date_range.php?courseID=" + $('#course_name').val();
    $("#dates").load(url)
    url = "course_name.php?courseID=" + $('#course_name').val();
    var course_details;
    $.get(url, function(data) {
        course_details = data;
        split_course_details = course_details.split(',');
        course_name = split_course_details[0];
        course_price = split_course_details[1];
        course_date = $("#date_range").val();
        item_name = course_name + ' - ' + course_date;
        $("#item_name").val(item_name);
        $("#amount").val(course_price);
    });

});

$('#course_name').change(function() {
    url = "date_range.php?courseID=" + $('#course_name').val();
    $("#dates").load(url)
    url = "course_name.php?courseID=" + $('#course_name').val();
    var course_details;
    $.get(url, function(data) {
        course_details = data;
        split_course_details = course_details.split(',');
        course_name = split_course_details[0];
        course_price = split_course_details[1];
        course_date = $("#date_range").val();
        item_name = course_name + ' - ' + course_date;
        $("#item_name").val(item_name);
        $("#amount").val(course_price);
    });
});