title: Dynamically set Radio button from JSON using select option
body: <p>I want to set questions from an pre-select question using Vue.js.</p>
  
  <p>I was able to get this working with an Radio button that once is checked it shows new set of questions.</p>
  
  <p>I´m trying to the same using drop-down selection, once value is set on the dropdown, will show the set of Radio button questions</p>
  
  <p>This is my current test:</p>
  
  <pre><code>&lt;div id="app"&gt;
   &lt;select v-model="selectedL"&gt;
     &lt;option v-for="l in list" v-bind:value="{ id: l.id, text: l.name }"&gt;{{ l.name }}
     &lt;/option&gt;
   &lt;/select&gt;
   &lt;div v-for="r in list.text" :key="r.id"&gt;
    &lt;input type="radio" :value="r" v-model="selectedR" :id="r.id" :name="r.id"&gt;
    &lt;label class="label" v-bind:for="r.id"&gt;{{r.name}}&lt;/label&gt;
   &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>var app = new Vue({
  el: '#app',
  data: {
  selectedL: '',
  selectedR: '',
  
  list: [
      {
    id: 1,
    name: 'A',
    text:[
      {
        text1: '123',
        text2: '456'
      }
     ]
    },
    {
    id: 2, 
    name: 'B',
    text:[
      {
        text1: '678',
        text2: '908'
      }
     ]
    },
    {
    id: 3, 
    name: 'C',
    text:[
      {
        text1: '143',
        text2: '786'
      }
      ]
    }
  ]
  }
  })
  </code></pre>
  
  <p>Above is my working progress with Radio/Radio</p>
  
  <p><a href="https://jsfiddle.net/bernlt/pvndg8jf/11/" rel="nofollow noreferrer">https://jsfiddle.net/bernlt/pvndg8jf/11/</a></p>
  
  <p>I need help to do the same using an Select-option to define Radio questions</p>