2013-07-29 40 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>