Menu icon Foundation

Foundation Forum

Foundation Forum

reveal modal in select function of autocomplete?

Hello,

Just wondering if someone could help me figure out how to fire a modal from an autocomplete selection?

$("#coolac").autocomplete({
source: "search1.php",
focus: function(event, ui) {
// prevent autocomplete from updating the textbox
event.preventDefault();
// manually update the textbox
$(this).val(ui.item.label);
},

select: function(event, ui) {
// prevent autocomplete from updating the textbox
event.preventDefault();            
//FIRE MODAL #myModal HERE???????
},

jqueryautocompletereveal

Hello,

Just wondering if someone could help me figure out how to fire a modal from an autocomplete selection?

$("#coolac").autocomplete({
source: "search1.php",
focus: function(event, ui) {
// prevent autocomplete from updating the textbox
event.preventDefault();
// manually update the textbox
$(this).val(ui.item.label);
},

select: function(event, ui) {
// prevent autocomplete from updating the textbox
event.preventDefault();            
//FIRE MODAL #myModal HERE???????
},
Geoff Kimball over 5 years ago

You can trigger the opening and closing of any Reveal modal with this code:

// Open a modal
$('#myModal').foundation('reveal', 'open');
// Close a modal
$('#myModal').foundation('reveal', 'close');

Master the Reveal Plugin

Get up to speed FAST, learn straight from the experts who built Foundation.

Learn More
Register Today

Get all the answers in our
Foundation Classes

Learn Foundation from the creators in our interactive online webinars which will keep you up to date with the latest trends and skills needed to win your projects.

See Upcomming Classes

Or if you prefer, contact the Foundation Team at [email protected] or (408) 341-0600 x635