如何在按鈕單擊後動態創建JavaScript菜單

點擊按鈕後，它會動態生成該文檔上單擊的特定按鈕的ID。（就像谷歌的小工具每個小工具都有菜單選項..）我必須做的是...對於生成的ID我已經創建了一個菜單選項作爲按鈕下方的小工具菜單選項。如何在按鈕單擊後動態創建JavaScript菜單

這是我的代碼：

var htmlTag = document.createElement("div"); 

htmlTag.innerHTML+= "<div style='position:absolute;border:solid 1px black;background-color:white;padding:4px;'>"; 
htmlTag.innerHTML+= "<ul ><li><a href=''>Edit</a></li><li><a href=''>Delete</a></li></ul>"; 
htmlTag.innerHTML+= "</div>"; 
alert(htmlTag); 
$("#"+submenuid).html(htmlTag);

submenuid是動態生成的ID爲... ..按鈕

來源

2011-03-07 nandan n

你的意思是

<html> 
<head> 
<script> 
function makeIt(submenuid) { 
    var htmlTag = document.createElement("div"); 

    htmlTag.innerHTML+= "<div style='position:absolute;border:solid 1px black;background-color:white;padding:4px;'>"; 
    htmlTag.innerHTML+= "<ul ><li><a href=''>Edit</a></li><li><a href=''>Delete</a></li></ul>"; 
    htmlTag.innerHTML+= "</div>"; 
    var submenu = document.getElementById(submenuid); 
    submenu.appendChild(htmlTag); // non-jquery, comment and uncomment next line for jquery version 
    // $("#"+submenuid).html(htmlTag); 
    return false; 
} 
</script> 
</head> 
<body> 
<div id="x"></div> 
<a href="#" onClick="return makeIt('x')">Make</a> 
</body> 
</html>

來源

2011-03-07 14:30:27 mplungjan

如何在按鈕單擊後動態創建JavaScript菜單

回答

相關問題