コンボボックスからajaxを使用した値を別のPHPページに渡す

Question

変更機能は、コンボボックスで選択された項目に対するものです。入力はテキストボックスです。テキストボックス変数に最後に入力された値が正常にjavascript変数を送信しているが、警告が表示されても何も返されないとき。

<script> 
$(function(){ 
$("#classroom").on("change", function() { 
    $("#segment_course").show(); 
     }); 
$("#course").on("change", function() { 
    $("#segment_time").show(); 
     }); 
$("#time").on("change", function() { 
    $("#segment_duration").show(); 
     }); 
    var e= document.getElementById("classroom"); 
    var selectclass= e.options[e.selectedIndex].value; 
    var f= document.getElementById("course"); 
    var selectcourse= f.options[e.selectedIndex].value; 
    var g= document.getElementById("duration"); 
    var drtion= g.value; 
$("#duration").on("input", function() { 
    $.ajax({ 
     type: "GET", 
     url: 'classroom_add.php', 
     data: ({selectedclass:selectclass,selectedcourse:selectcourse,courseduration:drtion}), 
     success: function(data) { 
     alert(data); 
     } 
    }); 
    }); 
}); 
</script> 

この

は、その表示されないものも

$classroom=$_GET['selectedclass']; 
$course=$_GET['selectedcourse']; 
$duration=$_GET['drtion']; 
    echo $classroom; 
    echo $course; 
    echo $duration; 

Answer 1

あなたがオブジェクト形式のデータを送信しているclassroom_add.phpですが、コールを取得AJAXために、クエリ文字列としてデータを送信する必要があります。

変更この行：これまで

data: ({selectedclass:selectclass,selectedcourse:selectcourse,courseduration:drtion}), 

：あなたのPHPスクリプトの最後に

data: "selectedclass=" + selectedclass + "&selectedcourse=" + selectedcourse + "&courseduration=" + drtion, 

また置くの出口（）またはダイは、（）スクリプトを閉じ、すぐに戻ります。うまくいけばうまくいきます。ありがとう。

Answer 2

<div class="twelve wide stretched column" > 
    <div class="ui tab segment active" data-tab="a"> 
    <div class="ui form"> 
     <div class="field"> 
      <label>Please Select Classroom</label> 
      <select class="ui search dropdown" id="classroom"> 
      <option value="">Select Classroom</option> 
      '; 
     $faculty_id = $_SESSION["faculty_id"]; 
     $class = "select * from class where faculty=$faculty_id"; 
     $result = $conn->query($class); 
     if ($result->num_rows > 0) { 
      while ($fill = $result->fetch_assoc()) { 
       $class_id = $fill['class_no']; 
       $name = $fill['cls_name']; 
       echo "<option value=$class_id>$name</option>"; 
      } 
     } 

echo ' 
     </select> 
     </div> 
       '; 
     echo' 
     <div class="ui basic segment" style="display: none;" id="segment_course"> 
      <div class="field"> 
      <label>Please Select Course</label> 
      <select class="ui search dropdown" id="course"> 
       <option value="">Select Course</option> 
      '; 

     $faculty_id = $_SESSION["faculty_id"]; 
     $class = "select * from course where faculty=$faculty_id"; 
     $result = $conn->query($class); 
     if ($result->num_rows > 0) { 
      while ($fill = $result->fetch_assoc()) { 
       $course_id = $fill['code_section']; 
       $course_name = $fill['name']; 
       echo "<option value=$course_id>$course_id - $course_name</option>"; 
      } 
     } 
echo ' 
      </select> 
      </div> 
     </div> 
      <div class="ui basic segment" style="display: none;" id="segment_time"> 
       <div class="field"> 
       <label>Please Select Course Start Time</label> 
       <select class="ui search dropdown" id="time"> 
       <option value="">Select Start Time</option> 
       <option value="1">9:00-10:00</option> 
       <option value="2">10:00-11:00</option> 
       <option value="3">11:00-12:00</option> 
       <option value="4">12:00-13:00</option> 
       <option value="5">13:00-14:00</option> 
       <option value="6">14:00-15:00</option> 
       <option value="7">15:00-16:00</option> 
       <option value="8">16:00-17:00</option> 
       <option value="9">17:00-18:00</option> 
       <option value="10">18:00-19:00</option> 
       <option value="11">19:00-20:00</option> 
       <option value="12">20:00-21:00</option> 
       </select> 
       </div> 
      </div> 
      <div class="ui basic segment" style="display: none;" id="segment_duration"> 
       <div class="ui field"> 
       <label>Please Enter Course Duration</label> 
       <div class="ui fluid input"> 
        <input type="text" placeholder="Duration of Course" id="duration"> 
       </div> 
       </div> 
      </div> 
    </div> 
</div> 

これは、関連するdivのHTML部分です。