如何使用javascript从数据库调用的子菜单列表中选择项

我使用

createElement（“li”）

将项目列表从数组调用到子菜单中。现在我想从列表中选择项目。我使用CSS使它们可以选择。但我想这样编码，当我选择一个项目，然后我启用调用该项目的函数。我怎么做

var gameName=[“第一场”、“第二场”、“第三场”]
函数子菜单（）{
//为子菜单ul元素设置变量
var Submenu=document.getElementById（“子菜单”）；
//For循环-用于数组中的每个值
对于（var i=0；i

我稍微修改了您的代码，不确定它是否有效，但我认为应该这样做

var gameName=[“第一场”、“第二场”、“第三场”]
函数子菜单（）{
//为子菜单ul元素设置变量
var Submenu=document.getElementById（“子菜单”）；
//For循环-用于数组中的每个值
对于（var i=0；i，由于您使用jquery标记进行了标记，所以我在这里使用jquery版本：

HTML（假定项目已出现在
子菜单上）

令人困惑。您想要此
['Game one'、'Game Two'、'Game Two'、'Game Two']
将出现在
这？@Norlihazmey Ghazali他们出现在它上面。我要求如果我从浏览器的列表中选择任何项目，那么它必须在后端调用一个函数。因此我可以选择任何项目，使它调用一个函数谢谢您的关注，但它不起作用。出现错误“无法将属性“onclick”设置为null”谢谢，先生。它可以工作。但是我对jquery了解不够。因此它正在查找所选的超链接并发出警报。您能告诉我如何查找所选项目的索引吗？因为所有项目都是数组项目。谢谢您再次输入此
警报（$（this）.parent（）.index（））；
查找索引。我们通过
li
元素查找它，因为
anchor
在
li
中。请参阅更新的答案和演示。是的，谢谢。我发现索引使用相同的方法，但风格不同。但是您的代码更相关。脱帽致敬
<ul>
<li><a href="#">Games</a>
    <ul id="submenu">
        <li><a href="#">Game one</a>
        </li>
        <li><a href="#">Game Two</a>
        </li>
        <li><a href="#">Game three</a>
        </li>
    </ul>
</li>
<li><a href="#">Stake</a>

</li>
<li><a href="#">Max PLayers</a>

</li>
</ul>

// Use event delegation for dynamic content
// this happen when clicked on anchor element(appended element) 
$('#submenu').on('click', 'li a', function (e) {
  e.preventDefault();
  alert($(this).text());
  // updated :
  // find the index of selected element
  alert($(this).parent().index());
   // call any function here
});