Javascript 将onClick事件放入<；李>；调用AJAX

当我将

onClick

事件放入

按钮
元素中
li
元素时，如下所示，以生成AJAX：

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

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

这行不通。我的代码有问题吗？请指教。谢谢。
您只需要更改传递给函数的参数（感谢@epascarello指出这一点）。请参阅下面的代码


功能qCat（val）{
log（val.getAttribute（'value'））；
}

橙色
苹果公司
您只需更改传递给函数的参数（感谢@epascarello指出这一点）。请参阅下面的代码


功能qCat（val）{
log（val.getAttribute（'value'））；
}

橙色
苹果公司
一个
li
元素的
值
属性应该是一个数字
而且仅支持有序列表（
ol
）

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

如果我测试您的代码，那么函数qCat（）将接收一个与上述一致的0（零）参数

有关更多信息，请参见此处：
一个
li
元素的
值
属性应该是一个数字
此外，它仅支持有序列表（
ol
）

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

如果我测试您的代码，那么函数qCat（）将接收一个与上述一致的0（零）参数

有关更多信息，请参见此处：
属性设置列表项的值。以下列表项将从该数字中递增

值必须是一个数字，并且只能在有序列表中使用

为了获得预期的结果，请使用数据-*（HTML全局属性）


qCat=函数（elm）{
val=elm.getAttribute（'data-value'）；
警报（val）；
}

橙色
苹果公司
属性设置列表项的值。以下列表项将从该数字开始递增

值必须是一个数字，并且只能在有序列表中使用

为了获得预期的结果，请使用数据-*（HTML全局属性）


qCat=函数（elm）{
val=elm.getAttribute（'data-value'）；
警报（val）；
}

橙色
苹果公司

函数优先（）{
警报（“这是第一个选项”）；
}
函数第二（）{
警报（“这是第二个选项”）；
}
函数一般（）{
警报（“这是一个共享选项”）；
}






函数优先（）{
警报（“这是第一个选项”）；
}
函数第二（）{
警报（“这是第二个选项”）；
}
函数一般（）{
警报（“这是一个共享选项”）；
}





请查看此更新的代码


功能qCat（事件）{
调试器；
log（$（event.target）.attr（'value'）；
}


橙色
苹果公司
请查看此更新的代码


功能qCat（事件）{
调试器；
log（$（event.target）.attr（'value'）；
}


橙色
苹果公司
尽量远离内联Javascript，最好使用
document.getElementById（'myButton'）。addEventListener（'click'，myFunction）
是否使用列表作为选项选择器？您可以使用本机支持
onchange
事件和
value
属性的
，您确定吗？我查了一下，它说：“value”属性在HTML4.01中不受欢迎，但在HTML5中受支持。尽量远离内联Javascript，最好使用
document.getElementById（'myButton'）。addEventListener（'click'，myFunction）
您是否使用列表作为选项选择器？您可以使用本机支持
onchange
事件和
value
属性的
，您确定吗？我检查了一下，它说：“value”属性在HTML4.01中被弃用，但在HTML5中受支持。猜测您没有尝试运行按钮代码，看看有什么不同。猜测您没有尝试运行按钮代码，看看有什么不同。