鍍金池/ 問(wèn)答/HTML5  HTML/ vue如何獲取下拉列表對(duì)應(yīng)的id？

vue如何獲取下拉列表對(duì)應(yīng)的id？

<select class="form-control" v-model="aaa">

<option v-for="RoleItem in list_roleName" value=RoleItem.id>{{RoleItem.name}}</option>

</select>
{{aaa}}

數(shù)據(jù)如下

clipboard.png

如果用戶選中了BD，則aaa的數(shù)據(jù)為3，這該怎么弄啊

回答
編輯回答
編輯回答
尛曖昧

clipboard.png

<div id="app">
  <h2>Todos:</h2>
  <select class="form-control" v-model="selectId">
<option v-for="RoleItem in todos" :value=RoleItem.id>{{RoleItem.text}}</option>
</select>
<div>
當(dāng)前選擇值 ：{{selectId}}
</div>

</div>

new Vue({
  el: "#app",
  data: {
    selectId:'',
    todos: [
      { text: "Learn JavaScript", done: false,id:1 },
      { text: "Learn Vue", done: false,id:2 },
      { text: "Play around in JSFiddle", done: true,id:3 },
      { text: "Build something awesome", done: true,id:4 }
    ]
  },
  methods: {
  }
})
2017年3月19日 10:29
編輯回答
心癌
<select class="form-control" v-model="aaa">

<option v-for="RoleItem in list_roleName" :value=RoleItem.id>{{RoleItem.name}}</option>
</select>
2017年5月1日 17:02