与ul li一起执行onclick事件以触发功能

Question

I'm new to coding and I need help with adding an onclick event to my list (which is supposed to work as a drop-down menu)- 我是编码的新手，我需要将onclick事件添加到列表中的帮助（该事件应该用作下拉菜单）-

This is the code for my list: 这是我列表的代码：

<div class="click-nav">

<ul class="clicker">
<ul>
            <li><a href="#">shake</a></li>
            <li><a href="#">shrink</a></li>
            <li><a href="#">melt</a></li>
        <li><a href="#">disperse</a></li>
</ul>     
</ul>
</div>

I want to make it so that when one of these items is selected, a function is fired (which calls a bunch of images specific to the category selected to be placed in a div). 我要这样做，以便在选择这些项目之一时触发一个函数（该函数调用一堆特定于要放置在div中的类别的图像）。

I've tried it also with the select option and it was working perfectly, but I have to change it because its stubborn design: 我也尝试过使用select选项，它工作得很好，但是由于其固执的设计，我不得不对其进行更改：

<label>
<select name="alphabets" id="typeface" onchange="myType();">
<option value="shake" selected>shake</option>
<option value="shrink">shrink</option>
<option value="melt">melt</option>
<option value="disperse">disperse</option>
<option value="disintegrate">disintegrate</option>

</select>
</label>

Thanks in advance for the help! 先谢谢您的帮助！

Answer 1

You could just add onclick to each '' and call a different function for each one: 您可以在每个''上添加onclick，然后为每个调用不同的函数：

<script>
    function shake(){
        alert('Shake');
    }

    function shrink(){
        alert('Shrink');
    }

</script>
<div class="click-nav">

<ul class="clicker">
<ul>
    <li><a href="#" onclick=shake();>shake</a></li>
    <li><a href="#"onclick=shrink();>shrink</a></li>
    <li><a href="#">melt</a></li>
    <li><a href="#">disperse</a></li>
</ul>     
</ul>
</div>

Answer 2

See this. 看到这个。

<html>
<div id="name">text</div>

<ul><li onclick="chaangeEvenet(this)">A </li><li  onclick="chaangeEvenet(this)">B </li><li  onclick="chaangeEvenet(this)">C </li></ul>
</html>

<script>
var namefield=document.getElementById("name");
function chaangeEvenet(e){
   namefield.innerHTML=e.innerHTML;
}
</script>

与ul li一起执行onclick事件以触发功能

问题描述

2 个解决方案

解决方案1
1 2013-07-30 01:09:20

解决方案2
0 2016-07-15 06:17:54

与ul li一起执行onclick事件以触发功能

问题描述

2 个解决方案

解决方案1 1 2013-07-30 01:09:20

解决方案2 0 2016-07-15 06:17:54

解决方案1
1 2013-07-30 01:09:20

解决方案2
0 2016-07-15 06:17:54