我在 vue 中實作了選擇框，如下所示：
<select name="count" @change="change($event)">
<option value="a">one</option>
<option value="b">two</option>
<option value="c">three</option>
</select>
我知道如果您想從腳本中獲取選定的值，您可以接收事件并執行event.target.value.
我怎樣才能得到一、二、三值而不是 a、b、c 值？
uj5u.com熱心網友回復：
您可以像這樣從所選選項中獲取文本，
methods:{
change: function(e){
var id = e.target.value;
var name = e.target.options[e.target.options.selectedIndex].text;
console.log('id ',id );
console.log('name ',name );
},
<select name="count" @change="change($event)">
<option value="a">one</option>
<option value="b">two</option>
<option value="c">three</option>
</select>
uj5u.com熱心網友回復：
在<select>使用<option> 標簽（內文）作為值，如果<option>沒有value屬性，所以你可以只取出value結合：
<select name="count" @change="change($event)">
<option>one</option>
<option>two</option>
<option>three</option>
</select>
演示
轉載請註明出處，本文鏈接：https://www.uj5u.com/qukuanlian/388476.html
標籤：Vue.js