Framework7 Mobile Webpage Dynamic Data Issue

I’m just starting to play around with using Framework7 for a mobile version of my website (not an app).

I’m getting data from server connects, but am having trouble filtering data from a select. So this doesn’t work

<dmx-serverconnect id="sc_tripbits" url="dmxConnect/api/tm_tripbits.php" dmx-param:trip_id="f7page.select_trip.value"></dmx-serverconnect>

But this does…

 <dmx-serverconnect id="sc_tripbits" url="dmxConnect/api/tm_tripbits.php" dmx-param:trip_id="51"></dmx-serverconnect>

Here’s the select
<select id="select_trip" class="form-control" dmx-bind:options="sc_trips.data.query" optiontext="trip_name" optionvalue="trip_id" name="select_trip"></select>

And a sample of the data returned from the sc_trips server connect…
{
“trip_id”: “51”,
“trip_name”: “Ashley’s Graduation Trip”,
“trip_subtitle”: “Czech Republic, Vienna, Budapest & London”,
“month_id”: “5”,
“trip_year”: “2010”,
“trip_status_id”: “3”,
“user_id”: “1”,
“create_date”: null,
“last_updated”: “2020-02-18 09:49:14”,
“default_page”: null,
“currency”: “EUR”
},

Thanks for any help you can provide!
Heather

Community Page
Last updated: