0

我一直在钻研这个 AJAX 自动填充功能一段时间,但没有成功。我的实现有点复杂,所以我在网上搜索了一个教程来逐步完成,我什至无法让它工作。我想如果我能得到一些帮助,让这个简单的例子(如下)工作,我可以扩大规模并根据需要实施。下面的代码:

HTML

    <body>
    <p>Select Dropdown</p>
    <p>
        <select id="selection">
            <option value="">- Select Item Here -</option>
            <option value="food">List of Food</option>
            <option value="animals">List of Animals</option>
            <option value="flowers">List of Flowers</option>
        </select>
    </p>
    <p>DropDown Result</p>
    <p>
        <select id="selectionresult"></select>
    </p>
    <p id="result">&nbsp;</p>
    </body>

查询

    <script type="text/javascript" src="js/jquery-1.8.3.js"></script>
    <script type="text/javascript">
    $(document).ready(function(){
        $("#selectionresult").hide();
        $("#selection").change( function() {
             $("#selectionresult").hide();
             $("#result").html('Retrieving …');
             $.ajax({
                     type: "POST",
               data: "data=" + $(this).val(),
               url: "demo/jquery-autopopulate-select-dropdown-box-response.php",
               success: function(msg){
                       if (msg != ""){
                         $("#selectionresult").html(msg).show();
                   $("#result").html("");
                 }
                 else{
                   $("#result").html('<em>No item result</em>');
                 }
               }
            });
         });
      });
      </script>

最后,PHP

<?php

$expectedValues = array(“food”, “animals”, “flowers”);

$selectionArr['food'] = array(‘pizza’, ‘spaghetti’, ‘rice’);
$selectionArr['animals'] = array(‘cat’, ‘dog’, ‘girrafe’, ‘pig’, ‘chicken’);
$selectionArr['flowers'] = array(‘rose’, ‘sampaguita’);

if (isset($_POST['data']) and in_array($_POST['data'], $expectedValues)){
    $selectedArr = $selectionArr[$_POST['data']];

    foreach($selectedArr as $optionValue){
        echo '<option>' . $optionValue . '</option>';
    }
}

?>

这段代码似乎一切正常,但在 selectionresult 选择器中仍然没有显示任何选项?

任何想法,先生们,并提前致谢。

我知道在你的帮助下我可以得到这个。

4

0 回答 0