javascript - 在<li>中放置onClick事件来调用AJAX

Question

当我将 onClick 事件放在 li 元素内的 button 元素中时，如下所示以进行 AJAX:

<ul>
<li><button value="orange" onClick="qCat(value)">Orange</button></li> 
<li><button value="apple" onClick="qCat(value)">Apple</button></li>
</ul>

效果很好。

但是如果我去掉 button 将事件直接应用于 li 元素，如下所示，进行 AJAX:

<ul>
<li value="orange" onClick="qCat(value)">Orange</li> 
<li value="apple" onClick="qCat(value)">Apple</li>
</ul>

这不会起作用。我的代码有什么问题吗？请建议。谢谢。

Answer 1

li 元素的 value 属性应该是一个数字。
此外，它仅受支持对于有序列表 (ol)。

这些值甚至可以通过将第一个值设置为自动递增，例如100，然后其余的将随之而来。

如果我测试您的代码，则函数 qCat() 会收到一个 0(零)参数，这与上述一致。

有关更多信息，请参阅此处:https://www.w3schools.com/tags/att_li_value.asp