Php 选择选项后显示说明

我正在建立一个商店网站，我想在foreach循环之后显示一个项目的描述

例如：

<select>
$cati = getAllFrom("*", "items", "where Cat_ID = {$category} AND visible = 1", "Item_ID");
 foreach($cati as $drop){

echo '<option  id="' . $drop['item_ID'] . '">' . $drop['Name'] . '</option>';

}
<select>


<div>
item description : 
<?php echo "here i want to display description of the selected item"; ?>
</div?

$cati=getAllFrom（“*”，“items”，“其中Cat_ID={$category}和visible=1”，“Item_ID”）；
foreach（$cati作为$drop）{
回显'.$drop['Name'].'；
}
项目说明：
有两种方法可以做到这一点。。或者调用ajax并在下拉列表更改时获取描述。或者在循环时在属性中添加描述，然后在触发更改事件时在文本框中显示

<select id = "cats">
<?php 
$cati = getAllFrom("*", "items", "where Cat_ID = {$category} AND visible = 1", "Item_ID");
foreach($cati as $drop){
    echo '<option  id="' . $drop['item_ID'] . '" data-description = "'.$drop['Description'].'">' . $drop['Name'] . '</option>';
} ?>
<select>


<div>
    item description : 
    <p id = "description"></p>
</div>


项目说明：


第一种方式：

<script>
    $(document).ready(function (){
        $('#cats').on('change', function (){
            $('#description').html($(this).find(':selected').attr('data-description'));
        });
    });
</script>


$（文档）.ready（函数（）{
$（'#cats'）。on（'change'，function（）{
$（'#description'）.html（$（this）.find（':selected'）.attr（'data-description'））；
});
});

第二种方式：

<script>
    $(document).ready(function (){
        $('#cats').on('change', function (){
            var itemID = $(this).val();
            $.ajax({
                method: 'GET',
                data: {'itemID': itemID},
                url: 'getDescription.php'
                success:function (data){
                    $('#description').html(data);
                }
            })
        });
    });
</script>


$（文档）.ready（函数（）{
$（'#cats'）。on（'change'，function（）{
var itemID=$（this.val（）；
$.ajax({
方法：“GET”，
数据：{'itemID'：itemID}，
url:'getDescription.php'
成功：功能（数据）{
$（'#description'）.html（数据）；
}
})
});
});

$（文档）.ready（函数（）{
$（'#id'）。on（'change'，function（）{
$（#description）.html（$（this）.find（':selected'）.attr（'data-description'））；
});
}); 
使用选择框上的jquery onChange（）函数显示说明。这与MySQL有何关系？说明中缺少单引号。。你也需要包括jqyery。编辑我的答案…您好，请检查此项以改进您的答案内容
 <script>
    $(document).ready(function (){
        $('#id').on('change', function (){
            $(#description).html($(this).find(':selected').attr('data-description'));
        });
    }); </script>