如何從無序列表中選擇項目

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中大寫id / classs

更新：這是一個演示小提琴