Javascript Jquery ajax显示[对象]

我基本上有两个下拉列表和两个标签

第一个下拉列表是类别选择，第二个列表根据类别动态加载项目

到目前为止一切都很好

在标签上，我试图显示ItemName和ItemDescription

ItemName显示良好，但由于某种原因，当谈到ItemDescription时，它会显示[object]

我在控制台中注意到ItemDescription信息发布正确，您能帮我找到正确显示它的方法吗

Jquery：

<script type="text/javascript">
        $('#ItemsDivId').hide();
        $('#SubmitID').hide();
        $('#ItemTypeID').on('change', function () {
            $.ajax({
                type: 'POST',
                url: '@Url.Action("GetItemTypeForm")',
                data: { itemTypeId: $('#ItemTypeID').val() },
            success: function (results) {
                var options = $('#ItemsID');
                options.empty();
                options.append($('<option />').val(null).text("- Select an Item -"));
                $.each(results, function () {
                    options.append($('<option />').val(this.ItemsID).text(this.Value));                 

                });             

                $('#ItemsDivId').show();                                         

                $('#ItemsID').change(function (results) {

                    $('#SubmitID').show();

                    $('#ItemName').text($("#ItemsID option:selected").text());
                    $('#ItemDescription').text($("#ItemsID option:selected").text(this.ItemDescription));
                });

            }
            });


    });
</script> 

$（“#ItemsID选项：选中”）.text（此.itemsdescription）更改文本并将元素作为对象返回。您可以使用jquery
data（）
函数将每个项目的描述保存为数据。然后在
change
事件中使用它

试着换成这个

<script type="text/javascript">
        $('#ItemsDivId').hide();
        $('#SubmitID').hide();
        $('#ItemTypeID').on('change', function () {
        $.ajax({
                type: 'POST',
                url: '@Url.Action("GetItemTypeForm")',
                data: { itemTypeId: $('#ItemTypeID').val() },
            success: function (results) {
                var options = $('#ItemsID');
                options.empty();
                options.append($('<option />').val(null).text("- Select an Item -"));
                options.data('description','');
                $.each(results, function () {
                    options.append($('<option />').val(this.ItemsID).text(this.Value));                 
                    options.data('description',this.ItemDescription);
                });             

                $('#ItemsDivId').show();                                         

                $('#ItemsID').change(function (results) {
                    $('#SubmitID').show();
                    $('#ItemName').text($("#ItemsID option:selected").text());
                    $('#ItemDescription').text($("#ItemsID option:selected").data('description'));
                });

            }
         });
    });
</script> 


$（'#ItemsDivId'）.hide（）；
$（'#SubmitID'）.hide（）；
$（'#ItemTypeID'）。on（'change'，function（）{
$.ajax({
键入：“POST”，
url:'@url.Action（“GetItemTypeForm”），
数据：{itemTypeId:$（'#itemTypeId'）.val（），
成功：功能（结果）{
变量选项=$（“#ItemsID”）；
options.empty（）；
options.append（$（''）.val（null.text（“-selectanitem-”））；
选项.数据（'说明'，''）；
$。每个（结果、函数（）{
options.append（$（''）.val（this.ItemsID.text（this.Value））；
options.data（'description'，this.itemsdescription）；
});             
$（'#ItemsDivId'）.show（）；
$（'#ItemsID'）.change（函数（结果）{
$（'#SubmitID'）.show（）；
$（'#ItemName'）.text（$（“#ItemsID选项：选中”）.text（）；
$（“#ItemsID option:selected”）.text（$（“#ItemsID option:selected”）.data（'description'）；
});
}
});
});
我做了一些尝试，找到了解决方案：

<script type="text/javascript">
        $('#ItemsDivId').hide();
        $('#SubmitID').hide();
        $('#ItemTypeID').on('change', function () {
            $.ajax({
                type: 'POST',
                url: '@Url.Action("GetItemTypeForm")',
                data: { itemTypeId: $('#ItemTypeID').val() },
                success: function (results) {
                    var options = $('#ItemsID');
                    options.empty();
                    options.append($('<option />').val(null).text("- Select an Item -"));
                    options.data('description', '');
                    $.each(results, function () {
                        options.append($('<option />').val(this.ItemsID).text(this.Value).data('ItemDescription', this.ItemDescription));                   
                    });

                    $('#ItemsDivId').show();

                    $('#ItemsID').change(function (results) {
                        $('#SubmitID').show();
                        $('#ItemName').text($("#ItemsID option:selected").text());
                        $('#ItemDescription').text($("#ItemsID option:selected").data('ItemDescription'));
                    });

                }
        });
        });
</script> 


$（'#ItemsDivId'）.hide（）；
$（'#SubmitID'）.hide（）；
$（'#ItemTypeID'）。on（'change'，function（）{
$.ajax({
键入：“POST”，
url:'@url.Action（“GetItemTypeForm”），
数据：{itemTypeId:$（'#itemTypeId'）.val（），
成功：功能（结果）{
变量选项=$（“#ItemsID”）；
options.empty（）；
options.append（$（''）.val（null.text（“-selectanitem-”））；
选项.数据（'说明'，''）；
$。每个（结果、函数（）{
options.append（$（''）.val（this.ItemsID）.text（this.Value）.data（'itemsdescription'，this.itemsdescription））；
});
$（'#ItemsDivId'）.show（）；
$（'#ItemsID'）.change（函数（结果）{
$（'#SubmitID'）.show（）；
$（'#ItemName'）.text（$（“#ItemsID选项：选中”）.text（）；
$（“#ItemsID option:selected”）.text（$（“#ItemsID option:selected”）.data（'itemsdescription'）；
});
}
});
});

同样非常感谢Sampath Liyanage为我指引了正确的方向：）
不，ItemDescription标签给我的是项目名称而不是项目描述，post-in控制台有3个元素及其信息：Value、ItemId和ItemDescriptionSorry for the delay，刚刚检查了代码，但在ItemDescription的标签上没有显示任何内容
<script type="text/javascript">
        $('#ItemsDivId').hide();
        $('#SubmitID').hide();
        $('#ItemTypeID').on('change', function () {
            $.ajax({
                type: 'POST',
                url: '@Url.Action("GetItemTypeForm")',
                data: { itemTypeId: $('#ItemTypeID').val() },
                success: function (results) {
                    var options = $('#ItemsID');
                    options.empty();
                    options.append($('<option />').val(null).text("- Select an Item -"));
                    options.data('description', '');
                    $.each(results, function () {
                        options.append($('<option />').val(this.ItemsID).text(this.Value).data('ItemDescription', this.ItemDescription));                   
                    });

                    $('#ItemsDivId').show();

                    $('#ItemsID').change(function (results) {
                        $('#SubmitID').show();
                        $('#ItemName').text($("#ItemsID option:selected").text());
                        $('#ItemDescription').text($("#ItemsID option:selected").data('ItemDescription'));
                    });

                }
        });
        });
</script>