0

私はしばらくの間、この AJAX 自動作成機能を掘り下げてきましたが、成功していません。私は実装がもう少し複雑なので、ステップスルーするチュートリアルを Web で検索しましたが、それを機能させることさえできません。この簡単な例 (以下) を機能させるための助けが得られれば、必要に応じてスケールアップして実装できると思います。以下のコード:

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>

Jクエリ

    <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