Question

我正在尝试将数据从数据库加载到下拉菜单中，然后获取该下拉菜单的结果，并使用它们再次与数据库进行交互。

我在下拉列表中加载的代码运行良好：

    var optionsValues = '<select name="catMenu id="catMenu>';
    var lcDest, lcInfo;

    lcDest = "adminIncludes/loadCats.php"; 

    $.getJSON(lcDest, function(data) {
        lcInfo = data.items;
        $.each(lcInfo, function(index, info) {
            optionsValues += '<option value="' + info.S_ID + '">' + info.S_Name + '</option>';
        });
        optionsValues += '</select>';
        $("#catTable").html(optionsValues);
    });

我现在的问题是如何与此下拉框中的用户输入进行交互？

我尝试过使用常用的方法：

('#catMenu').val();
document.getElementById("catMenu");

但它们似乎不起作用，我假设这是因为'catMenu'下拉框是在加载HTML后创建的。

我应该使用哪种方法与下拉框进行互动？

提前致谢。

Answer 1

您的报价混乱，因此您的选择标记中包含无效的HTML。

var optionsValues = '<select name="catMenu id="catMenu>';

应该是

var optionsValues = '<select name="catMenu" id="catMenu">';

从使用JQuery动态创建的下拉列表中检索数据

1 个答案: