我的代码有问题,我有两个SELECT,第一个是“drop_drop”,第二个是“salidhan_ini”,每次“drop_drop”时,这都会更改“salidhan_ini”的选项更改后,它将使用 php 保存数据库中“salidhan_ini”的值,但我的代码无法正常工作。
INDEX.PHP
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script src="jquery-1.8.3.min.js"></script>
<script src="jquery-1.11.1.min.js"></script>
<script>
$(document).ready( function() {
$('#drop_drop').on('change', function (e) {
$.ajax({
type: 'POST',
url:"process.php",
data:{keyname:$('#drop_drop option:selected').val()},
success: function(simbag){
$("#salidhan_ini").html(simbag);
}
});
});
});
</script>
</head>
<body>
<div id="dropdown1">
<select name="taskOption" id="drop_drop">
<option value="1">What</option>
<option value="2">When</option>
<option value="3">Where</option>
</select>
</div>
<div id="dropdown2">
<select id="salidhan_ini">
</select>
</div>
</body>
</html>
流程.php
<?php
$id_man = $_POSt['taskOption'];
$con=mysqli_connect("localhost","root","","sample_sample");
// Check connection
if (mysqli_connect_errno()){
die ("Failed to connect to MySQL: " . mysqli_connect_error());
}
$result = mysqli_query($con,"SELECT * FROM sample_hatak where id = $id_man");
if(!$result){
echo 'Error: '. mysql_error();
}else{
while($row = mysqli_fetch_array($result))
{
echo "<option value=". $row['FirstName'] .">". $row['LastName'] ."</option>";
}
}
mysqli_close($con);
?>
我想要实现的是每次“drop_drop”发生变化时,“drop_drop”中选定选项的值将被传递到“process.php”中,然后它保存具有相应ID的所有数据,即“drop_drop”所选选项的值,然后它将返回所有作为“salidhan_ini”的选项。 感谢您的帮助!
最佳答案
您需要按如下方式填充第二个选择 -
$(document).ready( function() {
$('#drop_drop').on('change', function (e) {
$.ajax({
type: 'POST',
url:"process.php",
data:{keyname:$('#drop_drop option:selected').val()},
success: function(simbag){
$.each(simbag, function(val, text) {
$("#salidhan_ini").append( $('<option></option>').val(val).html(text) )
});
}
});
});
});
还只包含一个版本的 jQuery
关于php - 如何获取 SELECT OPTION 的选定值,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28280709/