v-forで表示したセレクトボックスが変更されたら配列に格納したい

格納したいのは各セレクトボックスのindexとidの数値です。
セレクトボックスが変更されたら配列へ格納＝配列の更新、
同時に送信ボタンを非活性から活性にしたいです。
listsはapiから取得したレスポンスが入ってきます。
listsを画面表示した時にセレクトボックスと送信ボタンを
vueで追加するところまではできていますが、
それぞれにindexを付けたりループ処理がわからなくて困ってます。

vue
1<li v-for = " (list, index) in lists" >
2  <select id='answer' @change= "changeans(index)">
3  <option value='' disabled selected style='display:none'>選択してください</option>
4  <option v-for="option in options" v-bind:value="option.name" v-bind:key="option.id">{{ option.name }}</option>
5</select>
6<button id =sendbutton' type='submit' @click= "send(index)" onclick = "this.disabled = true" disabled>送信</button>
7</li>
8
9  data: function () {
10    return {
11      lists: null,
12      sendnum: [],
13      options: [
14        { id: 5, name: '☆' },
15        { id: 4, name: '◎' },
16        { id: 3, name: '〇' },
17        { id: 2, name: '△' },
18        { id: 1, name: '✕' }
19      ]
20    }
21  },
22
23  methods: {
24    changeans (index) { // 格納更新
25      this.sendnum = []
26      this.sendnum.push(document.getElementById('answer') // 表示されている分ループさせたい
27      document.getElementById('sendbutton').disabled = false // 各ボタンの活性化
28    },
29
30    send (index) { // 送信
31      axios～
32
33