javascript - jquery如何从无序列表中选择项目

Question

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

$("#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 填充该项目。

Answer 1

当您单击列表 dbsearch 中的 li 时，它将用 strSearch 替换文本

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

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

还有一点要注意，通常你不应该在 html 中将 ids/classes 大写

更新:这是 demo fiddle