2017-06-17 15 views
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); 
     } 
    } 
}); 
}); 
}) 

................ ...............................

+0

入力フィールドIDに入力ミスがあります。それは "通知"の代わりに "notificaton"と呼ばれています - iがないので、jqueryは動作しません。 – Tamar

+0

@Tamar、コードをタップしていたときは間違いでした。 TKS – Leonardo

答えて

0

エコーiの前に追加する必要がありますn php .... header( 'コンテンツタイプ:application/json'); .... jQuery $ .ajaxがjsonデータを受け入れるように設定しました。

関連する問題