Javascript 如何在视图中显示ajax所携带的值

我在下拉列表中添加了ajax。它的工作是，当我们从下拉列表中选择一个选项时，它会在alertbox中显示与所选选项相关的值。但现在我希望该值将显示在显示下拉列表的视图页面上。我不知道怎么做

$(document).ready(function () {
    $('.expenses-dropdown').change(function () {
        var ledger_name = $("select.expenses-dropdown option:selected").val();
        var ledgerArray = ledger_name.split('-');
        ledgerid = ledgerArray[0];
        name = ledgerArray[1];
        //      alert ("The name of ledger you selected is "+name+".");
        $.ajax({
            url: <? php echo '\''.site_url('payment/ledger_budget').'/\''; ?> +name,
            success: function (data) {
                var ledger_bal = $.trim(data);;
                alert("the amount is " + ledger_bal + ".");
            }
        });
    });
});

$（文档）.ready（函数（）{
$（'.expenses下拉列表'）。更改（函数（）{
var分类账_name=$（“select.expenses-dropdown option:selected”）.val（）；
var ledgerArray=分类账名称.拆分（'-'）；
ledgerid=ledgerArray[0]；
name=ledgerArray[1]；
//警报（“您选择的分类账名称为“+name+”）；
$.ajax({
url:+名称，
成功：功能（数据）{
var分类账_bal=$.trim（数据）；；
警报（“金额为“+分类账余额+”）；
}
});
});
});

---

我只想知道如何显示ajax所承载的值。

在页面中添加一个跨度，如：

<span id="result"></span>

---

只需创建一个div、span或类似textbox的任何东西，并将该值传递给所创建的元素

例如： 您可以创建如下内容：

<div id="ledger_bal"></div>

---

希望这有助于您理解。如果您有任何进一步的疑问，请随时提问。

$（选择器）。text（newText）

？您必须创建包含响应数据的选择框吗？

<div id="ledger_bal"></div>

$('#ledger_bal').html(ledger_bal);