2013-07-29 38 views
1

我是新的编码,我需要添加一个onclick事件到我的清单(这是应该的下拉菜单中工作)帮助 -符合UL李onclick事件触发一个功能

这是我的列表的代码:我希望让这个当选择其中一个项目

<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> 

,功能被触发(它调用了一堆特定于所选类别的图像被放置在一个div )。

我和选择选项,试了一下还和它完美的工作,但我必须要改变它,因为它的顽固设计:

<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> 

在此先感谢您的帮助!

回答

1

你可以只的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> 
0

看到这一点。

<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>