Что мне нужно?
Мне нужно создать форму ввода, которую нужно заполнить динамическим выпадающим списком, как показано на скриншоте ниже.
Какой у меня настоящий сценарий ??
На самом деле разделен на несколько файлов, я проигнорирую соединение с базой данных и файл функций.
assign.php
<?php
session_start();
ob_start();
if(isset($_SESSION['log'])){
include ('connection.php');
include ('functions.php');
//Variables que vienen desde el boton de ASSIGN
$szDescription = $_POST['szDescription'];
$szRequestor = $_POST['szRequestor'];
$szRecived = $_POST['szRecived'];
$szCID = $_POST['szCID'];
?>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, user-scalable=no,
initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" href="..\css\bootstrap.min.css">
<link rel="stylesheet" href="..\css\style.css">
<script type="text/javascript">
// Select Category function
$(document).ready(function(){
$('#szTeam').on('change',function(){
var team_selected = $(this).val();
$.ajax({
type:'POST',
url:'getcategory.php',
data:'teamselected='+team_selected,
success:function(html){
$('#optionCategory').html(html);
}
});
});
});
// FIN TEAM Select
</script>
</head>
<body>
<div class="container-fluid"><div class="container">
<p class="bg-Success">You are about to assign this ticket:</p>
<p><b>Subject:</b><i> <?php echo $szDescription ?></i></p>
<p><b>From:</b><i> <?php echo $szRequestor ?></i></p>
<p><b>Recived:</b><i> <?php echo $szRecived ?></i></p>
<form action="" method="post">
<div class="form-group">
<label for="szTeam">Team</label>
<select class="form-control form-control-sm" name="szTeam" id="szTeam">
<option>Select Team</option>
<?php
foreach($_SESSION['userteam'] as $userteamsArray){
echo "<option>".$userteamsArray."</option>";
}
?>
</select>
</div>
<div class="form-group">
<label for="optionCategory">Category</label>
<select class="form-control form-control-sm" name="optionCategory" id="optionCategory" >
<option></option>
</select>
</div>
<button type="submit" class="btn btn-primary" name="SubmitButton">Submit</button>
</form>
</div></div>
</body>
</html>
getcategory.php
<?php
include ('connection.php');
$team = $_POST['teamselected'];
$query = "SELECT szActivitySubCategory FROM Subcategories WHERE szTeam = '$team'";
$result = sqlsrv_query($conn,$query);
if(!$result){
echo "<center>Error detected:Query <b>".$query."</b> did not work.
<br>Please contact the administrator</center><br>".sqlsrv_errors($query);
}
$ouput = "<option value=\"\">Select Category</option>";
while($row = sqlsrv_fetch_array($result, SQLSRV_FETCH_ASSOC))
{
$selected = $row['szActivitySubCategory'];
$ouput = $ouput."<option value='$selected'> $selected </option>";
}
echo $ouput;
?>
Что происходит ??
Код не работает должным образом. Я протестировал файл getcategory.php, используя команду по умолчанию, и работает правильно ... он возвращает список опций с результатами запроса.
Кроме того, остальная часть кода выглядит правильно.
Предполагается, что jquery вставляет выходные данные из getcategory.php в идентификатор ('#optioncategory'), но это не так.
Я уже читал:
http://www.lisenme.com/dynamic-dependent-select-box-using-jquery-ajax-php/
Но это мне совсем не помогает, потому что мой код одинаковый и имеет одинаковую структуру.
Любое предложение, чтобы это исправить ??
Заранее спасибо!