---
title: "<li> OnClick event problem"
type: "forum-thread"
url: "https://www.webforum.nu/amne/html-css/125337-li-onclick-event-problem"
topic: "HTML & CSS"
topic_url: "https://www.webforum.nu/amne/html-css"
author: "Jaar"
published: "2005-03-29T14:06:54.000Z"
updated: "2005-03-29T15:11:06.000Z"
replies: 3
views: 374
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/html-css/125337-li-onclick-event-problem"
---

# <li> OnClick event problem

## #1 — Jaar, 2005-03-29T14:06Z

Jag har en sida med liknande följande kod

```
<li id="test1" onClick="alert('test1');">test1 (1)</li>
<ul>
  <li id="test2" onClick="alert('test2');">test2</li>
</ul>
<li id="test1" onClick="alert('test1');">test1 (2)</li>
<ul>
  <li id="test2" onClick="alert('test2');">test2</li>
</ul>
```

Jag vet att id används felaktigt men det är en befintlig lösning som jag inte har tid att åtgärda

Problemet är att när man trycker på en test 2 länk kommer alerten upp även för test1 li, vilket inte var tanken. 

Någon som har en bra idé på hur man skall göra? 
Jag kan inte göra en länk för det ligger även ett onChange event på li som måste gå av när man trycker

Permalänk: https://www.webforum.nu/p/125337

## #2 — echoSwe, 2005-03-29T14:11Z

alltså...??

du har ju en list-item som ligger utanför listan...

Permalänk: https://www.webforum.nu/p/1581575

## #3 — Jaar, 2005-03-29T14:16Z

ok... missade...
givetvis ser det ut på följande sätt :)

```
<ul>
<li id="test1" onClick="alert('test1');">test1 (1)</li>
<ul>
  <li id="test2" onClick="alert('test2');">test2</li>
</ul>
<li id="test1" onClick="alert('test1');">test1 (2)</li>
<ul>
  <li id="test2" onClick="alert('test2');">test2</li>
</ul>
</ul>
```

Permalänk: https://www.webforum.nu/p/1581578

## #4 — zcorpan, 2005-03-29T15:11Z

Det ser inte heller riktigt rätt ut... antingen vill du ha det såhär: 

```
<ul>
 <li id="test1" onclick="alert('test1');">test1 (1)</li>
 <li id="test2" onclick="alert('test2');">test2</li>
 <li id="test3" onclick="alert('test1');">test1 (2)</li>
 <li id="test4" onclick="alert('test2');">test2</li>
</ul>
```

 Eller såhär: 

```
<ul>
 <li id="test1" onclick="alert('test1');">
  test1 (1)
  <ul>
   <li id="test2" onclick="alert('test2');">test2</li>
   <li id="test3" onclick="alert('test1');">test1 (2)</li>
   <li id="test4" onclick="alert('test2');">test2</li>
  </ul>
 </li>
</ul>
```

 Eller så vet jag inte alls hur du menar...

(Notera också att du inte får ha samma ID på flera element.)

Permalänk: https://www.webforum.nu/p/1581602

---

Tråden på webben: https://www.webforum.nu/amne/html-css/125337-li-onclick-event-problem