Question

我有一个表单，其中包含一个包含1-31号码的select标签。我要做的是使用select标记中的值更新数据库（如果用户更改它）（默认值是数据库中的值，即$drop_d）没有重新加载一页。以下代码似乎不起作用，我认为我将数据发送到ajax的方式存在问题。

此变量包含默认值：

  $drop_d =  $e_r[drop_d];

表格：

<form> Number of days:  <select name="dropD" id="dropID"> <?php for($i=1; $i<=31; $i++){  ?> <option value="<?php echo $i;?>" <?php if($i==$drop_d){ ?> selected="selected" <?php } ?> > <?php echo $i;  } ?> </select> </form> <br />

的Ajax：

<script>
$('#dropID').change(function(){
   alert(1);
    var url = document.URL;
    var blah = $('#dropID').val()
    alert(blah);
    alert(url);
    $.ajax({
        type: 'POST',
        url: url,
        data: {newFieldValue: blah},
        dataType: 'html'
    }).done( function(){
            alert(1);
            blah.hide();
        });
});
</script>

数据库更新：

<?php
        $newFieldValue = $_POST['newFieldValue'];
        $updateD = 'UPDATE en SET drop_d = $newFieldValue WHERE name=$name;
        mysql_query($updateD);

             ?>

Answer 1

$('select#dropID').on('change' , function(){
    var url = document.URL;
    var blah =  $('select#dropID').val();
    $.ajax({
        type: 'POST',
        url: url,
        data: {newFieldValue:blah},
        dataType: 'html'
    });
});

Answer 2

您已定义了id值id="dropID，因此您的jQuery应为：

$('#dropID').val()

使用ajax并在同一个url上更新数据库？

2 个答案: