如何从无序列表jquery中选择项目答案

【问题标题】：How to select item from unordered list jquery如何从无序列表jquery中选择项目
【发布时间】：2026-01-04 07:50:01
【问题描述】：

我有一个函数可以填充我的无序列表。

$("#DBSearch").append('<ul id="List" data-role="listview">');


for(var i = 0; i < 10; i++)
{           
    $("#DBSearch").append("<li value=" + i + "><a href="+ "#" + ">" + obj.Search[i].Title + "</a></li>" );      
}

当我单击列表中的一个项目时，我希望我的文本框 strSearch 填充该项目。

【问题讨论】：

标签： javascript jquery html list unordered

【解决方案1】：

当您在列表 dbsearch 中单击 li 时，它会将文本替换为 strSearch

$("#List").on("click", "li", function() {
    $("#strSearch").val($(this).text());
});

如果要替换嵌套的a 链接的文本，请使用$("a", this).text(...)。

另外请注意，一般情况下，您不应该在 html 中将 ids/classes 大写

更新：这是demo fiddle

【讨论】：

我想需要 OP $('#strSearch').val(this.attr('value));
不知道我做错了什么。当我点击一个项目时，函数本身没有被调用。
可能是因为您将列表项附加到 dbsearch 而不是 list @MickB
@MickB 看看小提琴
我尝试了您的更改，但现在我的列表不会显示。我需要在最后关闭我的 ul 标签吗？