選中的選項值 <select>與PHP和Ajax沒有$ _POST

Question

我正在使用兩個下拉菜單。 其中一個（第二個）使用AJAX從數據庫中選擇數據並在頁面上顯示部分記錄。 我能夠在下拉列表中發布其他輸入文本（machine_no）但不能發布所選值。

HTML部分

<form action="page.php" name="form" method="post">
   <select name="material_type" form="form" required>
         <option disabled selected>(Select Type)</option>
         <option value="1">1</option>
         <option value="2">2</option>
   </select>

   <select name="part_no" id="part_no" form="form" required>
         <option disabled selected>(Select Part)</option>
         <option value="1">1</option>
         <option value="2">2</option>
   </select>
  <div class="lot-no-list" id="lot-no-list"></div>

  <div class="col-sm-4">
       <input type="text" name="machine_no" id="machine_no" maxlength="15" required>
  </div>
 </form>

jQuery + AJAX部分

$('#part_no').change(function (event) 
{
      var option = this.value;

  if (option == '') 
  {
       $("#group4").hide();    

  }else
  {
      $("#group4").show();

       if (window.XMLHttpRequest) {
            // code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp = new XMLHttpRequest();
        } else {
            // code for IE6, IE5
            xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
         }
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {

                /*$('lot-no-list').html(xmlhttp.responseText);*/
                document.getElementById("lot-no-list").innerHTML = xmlhttp.responseText;
                console.log(option);
             }
        };
        xmlhttp.open("GET","get_assignments.php?rec="+option,true);
        xmlhttp.send();

  }
});

Answer 1

我能夠發布更改jquery部分的值

從

var option = this.value;

至

var option = $(this).children(':selected').val();

答案之前已經發布，並且有效。