1

私はコーディングが初めてで、リストに 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>

これらのアイテムの1つが選択されたときに関数が起動されるようにしたいと思います(divに配置するために選択されたカテゴリに固有の画像の束を呼び出します)。

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>

助けてくれてありがとう！

4

2 に答える 2

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>
于 2013-07-30T01:09:20.353 に答える
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>
于 2016-07-15T06:17:54.680 に答える