gpt4 book ai didi

javascript - 如何通过单击按钮获取 UL/LI 框的选定 ID - Jquery

转载 作者:行者123 更新时间:2023-11-28 01:48:05 25 4
gpt4 key购买 nike

我试图通过单击按钮获取由 li 组成的列表框的值。我在网上搜索过,但大多数解决方案都是使用列表框本身的 onClick 按钮。我试过这样的事情。

列表框:

echo("</head><body><ul id='selectable'>");

while($satz != null)
{
echo "<li class='ui-widget-content' id='userid' value='$satz[ID]'>$satz[username]</li>";
$satz=mysql_fetch_assoc($cursor);
}
echo("</ul></body></html>");

JQuery:

$(document).ready(function()
{
$("#del").click(function()
{
var id = document.getElementById('selectable li').value;
alert(id);

但是ID没有定义,怎么办?谢谢。

最佳答案

ul 元素不像 select 元素那样工作,即它没有选定的选项(值)。这就是为什么其他解决方案建议监听 li 元素的点击事件。您应该使用 select 元素而不是 ul 元素:

$("#del").click(function() {
var id = $('#selectable').val();
});

或者向目标 li 元素添加一个标识符,如特定的类名:

$("#del").click(function() {
var id = $('#selectable li.selected').attr('value');
});

话虽如此,请注意您的标记无效,因为:

  1. 您对多个元素使用相同的 ID,ID 应该是唯一的。这里应该使用类。
  2. value 不是 li 元素的有效属性,您应该改用 data-* 属性。然后您可以使用 jQuery .data() 方法读取这些值。假设您有一个用于读取值的 data-value 属性,您可以编写代码:$('#selectable li.selected').data('value').
  3. 您正在生成 body 元素及其内容,还包括另一个页面。

关于javascript - 如何通过单击按钮获取 UL/LI 框的选定 ID - Jquery,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21376243/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com