如何使用ajax，php和bootstrap選擇數據發佈

Question

我現在正在用這種方式將我的頭撞在牆上，所以任何幫助都會對此產生很大的影響。

我想從下拉列表中獲取一些數據並使用所選數據更新數據庫。

這是我的下拉列表：

<form method="post" data-remote="true"> 
<select class="selectpicker" data-live-search="true" name="status[]"> 
    <?php while($test3 = sqlsrv_fetch_array($test2, SQLSRV_FETCH_ASSOC)) : ?> 
     <option data-tokens="<?php echo $test3['Name']; ?>" value="<?php echo $test3['Name']; ?>"> 
     </option 
    <?php endwhile; ?> 
</select> 

查看面積

這是我的ajax：

 $(document).on('click', '#sim-area', function() { 
      $.ajax({ 
      type: "POST", 
      url: 'sim-area.php', 
      data: {changeStatus: status}, 
      success: function() { 
       "area switched" 
      } 
      }); 
     }); 

，這是我的網頁正在更新DATABSE（SIM -area.php）：

<?php 

$userID = $user['userID']; 
$selectedArea = $_GET['changeStatus']; 
$queryAreaName = " 
     SELECT UserID, Name, U_NB, U_RTN 
     FROM Table 
     WHERE UserID = '$userID' AND Name = '$selectedArea'"; 
$getAreaname = sqlsrv_query($sapconn2, $queryAreaName); 
$areaSwitch = sqlsrv_fetch_array($getAreaname, SQLSRV_FETCH_ASSOC); 

$areaNB = $test2['U_NB']; 
$areaRTN = $test2['U_RTN']; 

//UPDATE TABLE 

?> 

無論我怎麼努力，我得到一個未定義的錯誤，我已經把它改爲硬編碼值，並在插入細，所以我知道一切正常，它只是不傳遞數據通過

Answer 1

外貌你沒有正確地將數據傳遞給ajax調用。 下面是下拉更新的代碼（的選擇改變name並加入id屬性）：

<form method="post" data-remote="true"> 
    <select class="selectpicker" data-live-search="true" name="status" id="changeStatus"> 
     <?php while($test3 = sqlsrv_fetch_array($test2, SQLSRV_FETCH_ASSOC)) : ?> 
      <option data-tokens="<?php echo $test3['Name']; ?>" value="<?php echo $test3['Name']; ?>"> 
      </option 
     <?php endwhile; ?> 
    </select> 

jQuery的更新後的代碼（變更代碼用於使的data值）：

$(document).on('click', '#sim-area', function() { 
     $.ajax({ 
     type: "POST", 
     url: 'sim-area.php', 
     data: {changeStatus: $('#changeStatus').val()}, 
     success: function() { 
      "area switched" 
     } 
     }); 
    });