Response title
This is preview!
Jquery Autocomplete Plugin Linked list help.
in Using jQuery UI
•
6 years ago
Hi, I am using JQuery Autocomplete plugin with a linked list. When I select an item and hit enter, it takes me to that linked webpage. I would instead like to modify the behavior so it changes the src of an iframe which is on the same webpage. Any one have any idea on how to do this? I have a working linked list below and I've tried to change the src of a iframe called "myframe". The content of the ifame changes but it shows as "file or directory cannot be found".
Can any one help? I'm sure its something simple!
Jquery:
- var data = [
- {text:'test1', url:'test1.html'},
- {text:'test2', url:'test2.html'},
- {text:'test3', url:'test3.html'},
- {text:'test4', url: 'test4.html'},
- {text:'test5', url: 'test5.html'}
- ];
- $('#testautocomp').autocomplete(data, {
- formatItem: function(item) {
- return item.text;
- }
- }).result(function(event, item) {
- });
- $('#testautocomp').change(function(){
- $("#myFrame").attr("src", $(this).val(), $(this).attr('url'));
- });
HTML:
- <iframe id="myFrame" src="http://en.wikipedia.org/"></iframe>
1