How to select item from unordered list jquery

Question

I have a function that fills my unordered list.

$("#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>" );      
}

When I click on an item in the list I want my text box strSearch to fill with that item.

megawac · Accepted Answer · 2013-11-12 20:11:10Z

4

When you click a li in list dbsearch it will replace the text with strSearch

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

If you want to replace the text of the nested a link use $("a", this).text(...).

Also a note, generally you shouldn't capitalize ids/classes in html

Update: here's a demo fiddle

edited Nov 12, 2013 at 20:11

answered Nov 12, 2013 at 19:26

megawac

11.4k6 gold badges43 silver badges61 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Iłya Bursov Over a year ago

I suppose OP needed $('#strSearch').val(this.attr('value));

MickB Over a year ago

Not sure what I am doing wrong. The function itself isn't being called when I click an item.

megawac Over a year ago

Probably because you're appending the list items to dbsearch and not list @MickB

megawac Over a year ago

@MickB see the fiddle

MickB Over a year ago

I tried your changes and now my list won't display. Do I need to close my ul tag at the end?

|

Collectives™ on Stack Overflow

How to select item from unordered list jquery

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related