onclick-Ereignis mit einem ul-li Feuer eine Funktion

Ich bin neu in der coding-und ich brauche Hilfe mit dem hinzufügen einer onclick-Ereignis auf meiner Liste (die funktionieren soll als drop-down-Menü)-

Dies ist der code für meine Liste:

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

Möchte ich es so machen, dass wenn eines dieser Elemente ausgewählt ist, wird eine Funktion ausgelöst wird (was ruft eine Reihe von Bildern, die spezifisch für die ausgewählte Kategorie werden platziert in einem div).

Habe ich es versucht, auch mit der option wählen, und es funktionierte perfekt, aber ich habe, um es zu ändern, weil seine hartnäckige design:

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

Vielen Dank im Voraus für die Hilfe!

InformationsquelleAutor circariem | 2013-07-29

  1. 1

    Könnte man nur hinzufügen onclick jeder", und rufen Sie eine andere Funktion für jeden einzelnen:

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

    InformationsquelleAutor A Mind United

  2. 0

    Sehen.

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

    InformationsquelleAutor aditya

Schreibe einen Kommentar