[英]Selected option value in <select> does not $_POST with PHP and Ajax
I am using two dropdowns. 我正在使用两个下拉菜单。 One of them (the second one) uses AJAX for selecting data from the database and displaying partial records on the page.
其中一个(第二个)使用AJAX从数据库中选择数据并在页面上显示部分记录。 I was able to post other input text(machine_no) but not the selected values in dropdowns.
我能够在下拉列表中发布其他输入文本(machine_no)但不能发布所选值。
HTML part 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 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();
}
});
I was able to post the value changing the jquery part 我能够发布更改jquery部分的值
from 从
var option = this.value;
to 至
var option = $(this).children(':selected').val();
The answer was previously posted and it worked. 答案之前已经发布,并且有效。
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.