2 smart select ajax in template7

Questions
1

i have smart select in template7 code

<**div class=“list”>
<**ul>
<li>
<a href="#" class=“item-link smart-select smart-select-init” data-open-in=“popup” data-virtual-list=“true” data-page-back-link-text=“Go back”>
<select id =“accounts” name=“fruits”>
<option>select
</select>
<div class=“item-content”>
<div class=“item-inner”>
<div class=“item-title”>Country
</div>
</div>
</a>
</li>
</ul>
</div>

and i put in return {}
on: {
pageInit: function (e, page) {
var path=’/api/address.php?access_token=’+localStorage.getItem(“access_token”);
app.request.get(path, function (data) {
cssClass = ‘#accounts’;
var country=JSON.parse(data);
for (var i = 0; i < country.length; i++) {
$$(cssClass).append(’<option @click=“address” value ="’+country[i].ID+’">’+country[i].name+’’);
}
});
},

i get country but how i can select city from ajax depend on country …

i mean how i can get event when user choose country (smart select ) and where i should put function in template7 when user clicked

2

You need to use app.smartSelect.create method to init smart select manually, because you added it to DOM after page init http://framework7.io/docs/smart-select.html#smart-select-app-methods