最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

vue操作select獲取option值方式

 更新時(shí)間：2025年01月30日 07:12:54   作者：學(xué)習(xí)中的小亮  
文章介紹了在Vue中操作select元素并實(shí)時(shí)獲取選中的option值的方法,通過(guò)使用`@change`事件并傳遞參數(shù),可以實(shí)現(xiàn)動(dòng)態(tài)獲取選中的值

vue操作select獲取option值

如何實(shí)時(shí)的獲取你選中的值 只用@change件事

@change="changeCategoryList($event)" 動(dòng)態(tài)傳遞參數(shù)

vue操作select獲取option的value值

示例

  <div id="app">
        <select name="topicCategoryId" class="article-title" id="category" @change="changeCategoryList($event)"  style="width: 180px;">
                <option  v-for="(category,index) in categoryList" v-bind:value="category.id">{{category.categoryTitle}}</option>
         </select>
   </div
  data:{
        categoryList:[{id:1,categoryTitle:"Java面試"},{id:2,categoryTitle:"Web開(kāi)發(fā)"},
        {id:3,categoryTitle:"設(shè)計(jì)系統(tǒng)"},{id:4,categoryTitle:"框架服務(wù)"}]
     },
                
  methods: {
         changeCategoryList(event){
            console.log(event);
            var selectIndex =event.target.selectedIndex;//選中的第幾個(gè)option元素 從0開(kāi)始
            var options = event.target.options;//代表option組合
            
            options[selectIndex].innerHTML  //選擇的值 // categoryTitle
            event.target.value;  //綁定的value值  //v-bind:value="category.id"
                                   
            console.log("options[selectIndex].innerHTML=="+options[selectIndex].innerHTML);
            console.log("event.target.value=="+event.target.value);
        }
       }

總結(jié)

以上為個(gè)人經(jīng)驗(yàn)，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。

相關(guān)文章

最新評(píng)論

凤城市| 九龙城区| 安阳县| 连城县| 沽源县| 长汀县| 宁国市| 南阳市| 始兴县| 金阳县| 双流县| 鄂温| 格尔木市| 杨浦区| 合水县| 且末县| 黑水县| 舞钢市| 苏尼特右旗| 北流市| 桦甸市| 石嘴山市| 兴海县| 保山市| 新乡县| 中阳县| 萨迦县| 沾益县| 扬州市| 黔西县| 上虞市| 千阳县| 白山市| 丘北县| 乌海市| 嘉鱼县| 博湖县| 辽源市| 莒南县| 宜兰县| 博客|