ajax、php、bootstrapを選択してデータを投稿する方法

Question

これで壁に頭をぶつけています。

私はドロップダウンリストからいくつかのデータを取得し、選択されたデータでデータベースを更新しようとしています。これは私のAJAXある

<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> 

ビューエリア

：

この

は私のドロップダウンリストで

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

、これはdatabseを更新している私のページ（シムです-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呼び出しに正しくデータを渡していません。

<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" 
     } 
     }); 
    });