How can I replace dynamically the filter search bar in jQuery MOBILE?

Question

Let's say I got some values from GET from an url. How can I "paste" that value inside the search filter in jquery mobile and auto-perform the search.

for example: i have a list of name | town | adresses | other info

i'll get a value from the url http://url.com?town=Sydney

and I want the filter list to be autoset to Sydney and perform the search with that term.

I hope I was clear enough... Thank you very much

Check this out: http://stackoverflow.com/questions/901115/get-query-string-values-in-javascript — jValdron, Dec 02 '11 at 19:14
yes, but I was looking more for a jQuery mobile solution...not Jquery in general. thanks tho. — OWADVL, Dec 03 '11 at 11:33

score 9 · Accepted Answer · answered Dec 04 '11 at 18:54

9

You need to perform two actions:

0) add an identifier (like id="myFilter") to the list so you can later select the filter input

1) set the search filter input to your value

2) trigger the change event on the input so the list is filtered

$('#myFilter').prev('form[role="search"]').find('input[data-type="search"]')
    .val("myValue")
    .trigger('change');

answered Dec 04 '11 at 18:54

Jasper Moelker

thank you. i would have voted you up but i don't have 15 reputation yet :) – OWADVL Dec 12 '11 at 15:57

1 Answers1