Breaking News: Grepper is joining You.com. Read the official announcement!

alpinejs examples stackoverflow

Repulsive Rook answered on January 1, 2021 Popularity 3/10 Helpfulness 2/10

answer alpinejs examples stackoverflow

related alpinejs examples stackoverflow

alpinejs examples stackoverflow

Comment

<div 
  x-data="{ selectedCountry: null, countries: [ 'Mexico', 'USA', 'Canada' ], storesByCountry: { 'USA': [ { 'store' : 'data' } ] } }"
>
  <select x-model="selectedCountry">
    <template x-for="country in countries" :key="country">
      <option :value="country" x-text="country"></option>
    </template>
  </select>
  Stores:
  <template x-for="store in storesByCountry[selected country] || []" :key="store.id">

  </template>
</div>

Popularity 3/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: javascript stack-overflow

Link to this answer
Share Copy Link

Contributed on Jan 01 2021

Repulsive Rook

0 Answers Avg Quality 2/10

Closely Related Answers

alpinejs examples stackoverflow

Comment

<div 
  x-data="{ selectedCountry: null, countries: [ 'Mexico', 'USA', 'Canada' ],  stores: [ { 'store' : 'data' } ] }"
  x-init="$watch('selectedCountry', (country) => { fetch('url?country=" + country).then(res=> res.json()).then((storeData) => { stores = storeData }) })"
>
  <select x-model="selectedCountry">
    <template x-for="country in countries" :key="country">
      <option :value="country" x-text="country"></option>
    </template>
  </select>
  Stores:
  <template x-for="store in stores" :key="store.id">

  </template>
</div>

Popularity 3/10 Helpfulness 1/10 Language javascript

Source: stackoverflow.com

Tags: stack-overflow javascript

Link to this answer
Share Copy Link

Contributed on Jan 01 2021

Repulsive Rook

0 Answers Avg Quality 2/10

alpinejs examples stackoverflow

Contents

More Related Answers

alpinejs examples stackoverflow

Closely Related Answers

alpinejs examples stackoverflow

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.