別のページに特定のdivを表示するselect文オプションをターゲットにする方法

Question

ここでドロップダウンリストをクリックすると、同じページに移動します。私は各ドロップダウンオプションをプロジェクト内の別のページを開くようにします。助けてください。

ここでここでドロップダウンリスト

 <section class="main"> 
      <div class="fleft"> 
       <select id="cd-dropdown" class="cd-select"> 
        <option value="-1" selected>My Result</option> 
        <option value="1">Unofficial Transcript</option> 
        <option value="2">Request Official Transcript</option> 
       </select> 
      </div> 
     </section> 
      <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script> 
      <script type="text/javascript" src="js/jquery.dropdown.js</script> 
      <script type="text/javascript" src="js/animation.js"></script> 
      <script type="text/javascript" src="js/getData.js"></script> 

を保持している私のPHPのページはここに私のgetData.js

$(document).ready(function() { 
$('#cd-dropdown').change(function() { 
    var dropval = $(this).val(); 
    $.ajax({ 
     type: "POST", 
     url: 'includes/process_ajax.php', 
     data: { 
      dropdown: dropval 

     }, 
     dataType: 'html' 

    }).done(function (data) { 
     $('#page1').html(data); 
    }); 
}); 
}); 

です私process_ajax.phpファイルが

<?php 
$change_password= 'You clicked me!'; 
switch ($_POST['dropdown'] != '1') { 
case "change": 
    echo $change_password; 
    break; 
default: 
    echo "Its not working!"; 
} 
?> 

Answer 1

ですswitchが間違っています。 $_POST['dropdown'] != '1'は常にtrueまたはfalseのいずれかになります。これは決して"change"と等しくないので、大文字と小文字は一致せず、常にdefault:になります。

それは次のようになります。

switch($_POST['dropdown']) { 
case '1': 
    echo "Here is your unofficial transcript"; 
    break; 
case '2': 
    echo "Your request for an official transcript has been received" 
    break; 
default: 
    echo "You need to select something"; 
} 

case式は、ドロップダウンオプションでvalue属性と一致しなければなりません。