0
jsonとPHPを使用してHTMLページの選択ボックスを埋めるようにしていますが、選択ボックスをクリックすると空白のオプションが返されます。何が間違っていますか?jsonを使用して選択ボックスを埋める方法は?
HTMLコード:
Choice a problem:
<select name="notification" id="notification" class="form-control">
<option value="00">Select...</option>
</select>
PHPコード:
header('Access-Control-Allow-Origin: *');
include 'dbconfig.php';
try{
$results = $DB_con->prepare("SELECT idproblema, tipoproblema FROM problema ORDER BY idproblema");
$results->execute();
$res = $results->fetchAll(PDO::FETCH_ASSOC);
$hold = array();
foreach($res as $reg){
$hold[] = array('idproblema' => $reg['idproblema'], 'tipoproblema' =>$reg['tipoproblema']);
}
}
catch (Exception $e) {
echo "Data could not be retrieved from the database.";
exit();
}
echo json_encode($hold);
のjQueryコード:
$(document).ready(function(){
jQuery.support.cors = true;
$('#notification').click(function(){
$.ajax({
url : 'url.php',
type : 'GET',
data : "json",
crossDomain: true,
success: function (data) {
if (data.length > 0) {
$.each(data, function (index, value) {
$('#notification').append('<option value="' + value.idproblema+ '">' + value.tipoproblema + '</option>');
});
}
else {
var newOption= $('<option value=""></option>');
$('#notification').append(newOption);
}
}
});
});
})
................ ...............................
入力フィールドIDに入力ミスがあります。それは "通知"の代わりに "notificaton"と呼ばれています - iがないので、jqueryは動作しません。 – Tamar
@Tamar、コードをタップしていたときは間違いでした。 TKS – Leonardo