在下拉列表更改事件上更新數據庫

Question

我使用javascript在頁面上加載了一個下拉列表（不是最初在頁面上加載），沒有任何問題，但是我想在下拉列表的選定值更改后更新數據庫表，因此我正在使用腳本：

<select name = "categ" id="dropd1"><option> .... </option></select>

<script>
    $( "#dropd1" )
    .change(function () {
             var value = this.val();
             $.post('listener_updates.php', {categ: value});});
</script>

listener_update.php包含用於更新數據庫的腳本：

<?php
if($_POST && $_POST['categ']){
connectMaBase();
$sql ='UPDATE produit SET  categorie =  "'.$_POST['categ'].'" WHERE  num_prod ='.$_SESSION['num_prod'];
$req = mysql_query ($sql) or die ('Erreur SQL !'.$sql.'<br />'.mysql_error());
mysql_close();
}
?>

Answer 1

你沒有問一個問題。

無論如何， this.val()可能會引發異常。

嘗試$(this).val()

更新：

嘗試

$(document).on('change', '#dropd1', function(){ 
         var value = $(this).val();
         $.post('listener_updates.php', {categ: value});});
});

這將為動態添加的DOM元素創建一個事件偵聽器。