User Input Form...filter dropdown

So building a form input, basically would look like a social media post, however, trying to determine how to include ability to attach a location map for each form input, without the user having to find the latitude -longitude themselves. Much like you would find on Facebook where you can tag the location. However, how does one have a search within a form…you begin typing in location and the autofill location is attached to that location once they see the proper one come up. Can one use Java/wix code to have such a search within a form to get an autofill…or is this way beyond simple coding?

I am looking through the cascading form examples, but wondering how to do it as a text search box, rather then drop downs…

Via how Facebook input looks…you type in location and it then fills up choices. So how can one build such a search within a form submit? Overwhelmingly complex?

Shlomi,
Where am I going wrong?
https://www.ourozarks.com/OurOzarks/Hodgson-Mill

$w.onReady( function () {
$w(“#dynamicDataset”).onReady( () => {
let currentItem = $w(“#dynamicDataset”).getCurrentItem();

    $w("#googleMaps1").location = { 
         "latitude": currentItem.latitude, 
         "longitude": currentItem.longitude, 
         "description": currentItem.title 
    }; 
} ); 

} );

function toggleFold(index) {
let $fold = $w(‘#fold’ + index);
let $arrowDown = $w(‘#arrowDown’ + index);
let $arrowRight = $w(‘#arrowRight’ + index);
// toggle the fold at the index
if ($fold.collapsed) {
$fold.expand();
$arrowDown.show();
$arrowRight.hide();
}
else {
$fold.collapse();
$arrowDown.hide();
$arrowRight.show();
}
// collapse the other folds
[1,2,3]
.filter(idx => idx !== index)
.forEach(idx => {
$w(‘#fold’ + idx).collapse();
$w(‘#arrowDown’ + idx).hide();
$w(‘#arrowRight’ + idx).show();
});
}

export function headerBox1_onClick(event) {
toggleFold(1);
}

export function headerBox2_onClick(event) {
toggleFold(2);
}

export function headerBox3_onClick(event) {
toggleFold(3);
}

export function headerText1_onClick(event) {
toggleFold(1);
}

export function headerText2_onClick(event) {
toggleFold(2);
}

export function headerText3_onClick(event) {
toggleFold(3);
}

Hi Jeff,

the name of the event is xxx_onClick - rather than xxx_click :slight_smile:


shlomi

Shlomi, Thanks!
I did not even look, it is auto filling as click rather then onClick