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

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‘下拉框是在超文本标记语言加载后创建的。

我应该使用什么方法来与下拉框交互？

提前谢谢。

Answer 1

您的引号弄乱了，因此您的select标记中有无效的HTML。

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

应该是

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