Ajaxを使用してデータベースからコンテンツを動的にロード

Question

私はAjaxを初めて使っています。これは私の最初の試みです。誰かが私の間違いを見つけるのを助けてくれることを願っています。目標は、私が車両スタイルのリストを持っていることです。データベースには、特定のスタイルに関連付けられています。そのため、スタイルのあるラジオボタンが選択されている場合、関連付けられているメークを含むドロップダウンリストが表示されます。

私はChromeで問題なく動作していますが、IEやSafariなどの他のブラウザで問題が発生しています。それがここにChromeで作業の

スクリーンショット：Link

フォーム名は次のとおりです：それのLink
スクリーンショットはこちらSafariで動作していないオートフォーム 無線フィールドは、onclickイベントにを持っていますgetMakes（）を呼び出します。

これは私の関数である：ここでは

function getMakes() { 
     $.post('getMake.php', { 
      vehicleStyle: autoForm.style.value 
     }, 
     function(output) { 
       $('#vehicle-makes').hide(); 
      $('#vehicle-makes').html(output).slideDown("slow"); 
     }); 
} 

あなたが見ることができるように、それは上で持っているためgetMake.php

PDO/database stuff up here^^ Leaving it out of the example 
$list = '<label for="vehicle_make">Makes</label> 
       <select name="vehicle_make" 
        class="form-control" 
        onchange="getModels()"> 
        <option value="">Select One</option>'; 

    foreach ($results as $result) { 
     $list .= '<option value="'.$result->make.'">'.$result->make.'</option>'; 
    } 

    $list .= '</select>'; 

    echo $list; 

からPHPだから、それはgetMakes.phpと通信しています空のドロップダウンリストが表示されますが、DBから関連データを取得するためにPHPにデータを送信していないようです。

ありがとうございます。

Answer 1

それでは、私は考え出したことは、これはIEとSafariで動作しないということである。

vehicleStyle：autoForm.style.value

私は異なり、入力の値を取得しなければならなかった、それが働きました。