Question

所以我的问题是这个 -

我有一个包含两个下拉菜单和一个标签的页面。我设置它以便两个下拉列表级联，这是正常工作，但我现在想要做的是将标签的文本设置为由两个下拉列表确定的值。

现在我已将其设置为当第二个下拉列表更改时，它将调用服务器来确定标签的值。我面临的问题是，我不知道如何抓住变更函数第二次下降内部第一次下拉的值 - 我错过了一些非常简单的东西吗？我已经尝试使用（“#elementID”）。val（）但我收到错误“对象不支持属性或方法'val'”

以下代码 - 任何帮助都非常感谢！

$(function () {
var cascadingDropDownRelease = new CascadingDropDownAssociation();

//binding change event of the "make" select HTML control
// the cascading drop downs are working as expected
$('#make').on('change', function () {
    var selectedArea = $(this).val();

    //if selected other than default option, make a AJAX call to server
    if (selectedArea !== "-1") {
        $.post('/Association/GetFullContainers',
            { selectedArea: selectedArea },
            function (data) {
                cascadingDropDownRelease.resetCascadingDropDowns();
                cascadingDropDownRelease.getContainerSuccess(data);
            });
    }
    else {
        //reset the cascading dropdown
        cascadingDropDownRelease.resetCascadingDropDowns();
    }
});

$('#container').on('change', function () {
    //this is there I am having the problem.
    var selectedArea = ("#make").val();
    var selectedContainer = $(this).val();

    if (selectedContainer !== "-1") {
        $.post('/Assocation/GetESN',
            { selectedArea: selectedArea, selectedContainer: selectedContainer },
            function (data) {
                cascadingDropDownRelease.resetCascadingDropDowns();
                cascadingDropDownRelease.getESNSuccess(data);
            });
    }
    else {
        cascadingDropDownRelease.resetCascadingDropDowns();
    }
 });

});

Answer 1

var selectedArea = ("#make").val();应该是

var selectedArea = $("#make").val();

错过了$

使用ajax根据两个不同的下拉列表更新标签

1 个答案: