javascript - 更改选择上的 php 函数

Question

我的一些 javascript 和 php 代码有问题。我想尝试一些ajax调用但不起作用的事情。

我想要发生什么:当我更改所选选项时，它需要使用选项中的值更新函数，因此 php 函数从所选选项中获取“id”。并且这需要在页面上没有任何刷新的情况下发生。

所以我需要将所选项目的值获取到 php 函数。

代码:

<script>
$(document).ready( function ()
{
    $('#select').change(function()
    {
        var option = $(this).find('option:selected').val();
        $('#showoption').val(option); // for testing

        $.ajax ({
            url: "scripts/script.php",
            data: { id : option },
            success: {}
        });

    });
});
</script>
                <?php
                $meals = $food->mealsByCategory($id);
                foreach($meals as $meal){
                ?>
                    <div class="entry style-columns">
                        <div class="entry-title">
                            <a href="#"><?php echo $meal->DanName; ?></a>
                        </div>

                    </div>
                <?php
                }
                ?>

.change() 现在可以工作，但它仍然没有传递到我需要 $id 的 php 函数。在 script/script.php 文件中，我有 $id = $_GET['id'];

Answer 1

duuude，如果你使用 jquery 就这么简单......

如果你的 html 看起来像这样:

<div class="form-label">Category</div>
<select name="category">
<option value="abcde">abcde-text</option>
<option value="fghij">fghij-text</option>
</select>
<div class="loaded"></div>

你的ajax看起来一定是这么简单......

$(document).ready(function() {  //DOM LOADED
    $( "select" ).change(function () { //GET CHANGE CALL
    var str = ""; // CREATE AN EMPTY STRING
    str += $(this).val(); // GET ACTUALL VALUE
    $( ".loaded" ).text( str ); // PRINT STRING WHEREVER YOU WANT
  })
  .change();
});

或者加载文件而不是打印文本......

$.ajax({ url: '/ajax.php', // WHICH FILE YOU WANN CALL IN MY EX THIS WOULD BE str+'.php',
         data: formData, //
         type: 'post', // GET or POST 
         complete: function(output) {
               $('/*FORM RESULT*/').html(output.responseText);
         }
});

希望这对你有帮助......