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

时间:2013-11-12 19:24:44

标签: javascript jquery html list unordered

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

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

1 个答案:

答案 0 :(得分:4)

当您点击列表dbsearch中的li时,它会将文本替换为strSearch

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

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

另外注意,通常你不应该在html

中大写ids / classes

更新:这是demo fiddle