HTML:li和一个href

Question

所以我设计了我的ul li,它出现在一个下拉框中,当你在每个li上标记它时:用紫色悬停.现在每个人都有一个名字.我想把它全部变成一个链接,所以当你点击标记的li中的任何地方时,你会转到链接.

现在,当你点击li中的某个地方时,只有当你点击里面的名字时才会发生任何事情.

这是我的代码:

  echo '<a href="profil.php?id='.$result->id.'"><li onClick="fill(\''.addslashes($result->full_name).'\');">'.$result->full_name.'</li></a>';

我该怎么做呢？

    .suggestionsBox {
    position: absolute;
    left: 0px;
    top: 10px;
    margin: 26px 0px 0px 0px;
    width: 200px;
    padding:0px;
    background-color: #000;
    border-top: 3px solid #000;
    color: #fff;
}
.suggestionList {
    margin: 0px;
    padding: 0px;
}
.suggestionList ul li {
    list-style:none;
    margin: 0px;
    padding: 6px;
    border-bottom:1px dotted #5a2156;
    cursor: pointer;
}
.suggestionList ul li:hover {
    background-color: #5a2156;
    color:#000;
}
ul {
    font-family:Arial, Helvetica, sans-serif;
    font-size:11px;
    color:#FFF;
    padding:0;
    margin:0;
}

Answer 1

该A元素只能包含级别元素,LI并且只能在OL和中使用UL.但LI允许A内部,所以反过来说:

echo '<li onClick="fill(\''.addslashes($result->full_name).'\');"><a href="profil.php?id='.$result->id.'">'.$result->full_name.'</a></li>';

要A填充可用空间,请将其显示为块元素:

li > a {
    display: block;
}