jquery 动态添加下拉菜单与 AJAX

zzwlnbp8  于 2023-02-11  发布在  jQuery
关注(0)|答案(1)|浏览(177)

我正在尝试实现一个带有下拉菜单的表单,其中包含来自数据库的元素,每次我从该菜单中选择一个元素时,另一个元素就会出现。
我知道我必须使用这个函数来启动,但我不知道如何实现它的其余部分

function ajaxRequest() {var request=false;
    try { request = new XMLHttpRequest()}catch(e1){
    try{request = new ActiveXObject("Msxml2.XMLHTTP")}catch(e2){
    try{ request = new ActiveXObject("Microsoft.XMLHTTP")
    }catch(e3){request = false} }
    }
    return request }
lmvvr0a8

lmvvr0a81#

如果你正在数组中获取菜单元素的json数据,那么你可以迭代并创建一个菜单,如下所示:

let menuHtml = "<ul>";
menuItems.forEach(item => {
  menuHtml += `<li><a href="${item.url}">${item.text}</a></l1>`;
}
menuItem += "</ul>;
// Now your menu HTML is ready. It's time to inject menuHtml on DOM
document.querySelector("#whereToInjectMenuHtml").innerHTML = menuHtml;

如果你是从API获取HTML,那么你可以使用

document.querySelector("#whereToInjectMenuHtml").innerHTML = yourApiHtml;

相关问题