动态添加<;李>;在javascript中
我正在尝试使用ajax在ul中动态添加元素,我当前的代码是ajax方法:动态添加<;李>;在javascript中,javascript,html,ajax,html-lists,Javascript,Html,Ajax,Html Lists,我正在尝试使用ajax在ul中动态添加元素,我当前的代码是ajax方法: var ul = document.getElementById("menu"); var li = document.createElement("li"); li.appendChild(document.createTextNode(array[i])); ul.appendChild(li); 但它会创建“标准”li元素,我想以这种类型创建
var ul = document.getElementById("menu");
var li = document.createElement("li");
li.appendChild(document.createTextNode(array[i]));
ul.appendChild(li);
但它会创建“标准”li元素,我想以这种类型创建它们:
<li style="cursor:pointer;"><a onclick="javascript:$('#cod').val(array[i])">array[i]</a></li>
(您可以看到它显示一个“阴影”,表示它是可选择的
但是jvascript创建了这种类型的,
现在您可以看到选项没有“阴影”。我如何理解此
的内容插入您的后端。当您单击链接时,此内容已经生成。也许您可以尝试类似的操作:
函数AppendLi(val){
var ul=document.getElementById(“菜单”);
var li=document.createElement(“li”);
li.innerHTML=val;
ul.儿童(li);
}
我自己解决了这个问题,如果有人需要,这里是代码:
var ul = document.getElementById("menu");
var li = document.createElement("li");
$("li").each(function()
{
var $li = $(this);
$li.css("cursor","pointer");
});
var a = document.createElement("a");
var l = array[i];
a.textContent = array[i];
a.addEventListener("click",function(){
$("#cod").val(array[i]);
});
li.appendChild(a);
ul.appendChild(li);
您不能使用javascript添加动态元素,如
,因为它们将在javascript运行之前由服务器添加到页面中。您可以将它们存储在javascript变量中,然后让javascript添加它们。您到底想实现什么?@mikeyq6:Ooops..我得到了回答,但错过了asp标记抱歉,我放弃了要更改代码,请将其存储在数组中[i]我包含了图像,以便您能够更好地理解