Vue.js獲取被選擇的option的value和text值方法
更新時間：2018年08月24日 09:09:10 作者：HarveyJiang
今天小編就為大家分享一篇Vue.js獲取被選擇的option的value和text值方法，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧
如下所示：
1.獲取option的value的值，watch option 控件時，或自動獲取option的value的值。
2.獲取被選中的option的text的值時,使用：$("#optionID option:selected").text
拓展知識：select標(biāo)簽如何傳遞選中option的value值與text值方法
如下所示：
<select name="type" onchange="show_sub(this.options[this.options.selectedIndex].value)"> <option value="0">請選擇主菜名</option> <option value="1">白菜</option> <option value="2">蘿卜</option> </select>
<select name="type" onchange="show_sub(this.options[this.options.selectedIndex].text)"> <option value="0">請選擇主菜名</option> <option value="1">白菜</option> <option value="2">蘿卜</option> </select>
以上這篇Vue.js獲取被選擇的option的value和text值方法就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
最近項目更新頻繁,每次一更新客戶都說還跟之前的一樣,一查原因是因為客戶沒有清空瀏覽器的緩存,所以為了方便客戶看到最新版本,開始調(diào)研再發(fā)布新版本后自動清理緩存,這篇文章主要給大家介紹了關(guān)于Vue項目每次發(fā)版后要清理瀏覽器緩存問題的解決辦法,需要的朋友可以參考下2024-02-02
uniapp 拖拽圖片排序功能實現(xiàn) 類似于微信朋友圈效果
這篇文章主要介紹了uniapp 拖拽圖片排序功能實現(xiàn)類似于微信朋友圈,一部分是拖拽的放大做小,xy位置判定,圖片數(shù)組的插入排序,另一部分是上傳加號圖片的?定位? 動態(tài)計算分為幾列,每一個圖片大小的位置?絕對定位的計算,需要的朋友可以參考下2024-07-07
動態(tài)綁定是我們?nèi)粘ｉ_發(fā)中經(jīng)常遇到的一個需求，下面這篇文章主要給大家介紹了關(guān)于vue動態(tài)綁定圖標(biāo)的相關(guān)資料，文中通過示例代碼介紹的非常詳細(xì)，需要的朋友可以參考下2021-05-05
本篇文章主要介紹了vue mint-ui源碼解析之loadmore組件，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-10-10
$router.push()中通過path跳轉(zhuǎn)和通過name跳轉(zhuǎn)區(qū)別解析
今天在路由跳轉(zhuǎn)傳參時發(fā)現(xiàn)params傳參接收到的總是為空，才發(fā)現(xiàn)通過path和name傳參是有區(qū)別的，這篇文章主要介紹了$router.push()中通過path跳轉(zhuǎn)和通過name跳轉(zhuǎn)有什么區(qū)別,需要的朋友可以參考下2023-11-11
關(guān)掉vue插件Vetur格式化的時候自動添加的樣式操作
這篇文章主要介紹了關(guān)掉vue插件Vetur格式化的時候自動添加的樣式操作，文章圍繞主題展開操作過程，需要的小伙伴可以參考一下，希望對你有所幫助2022-05-05
axios是用來做數(shù)據(jù)交互的插件，最近正在學(xué)習(xí)axios，所以想著整理成筆記方便大家和自己參考學(xué)習(xí)，下面這篇文章主要跟大家介紹了關(guān)于Axios使用方法的相關(guān)資料，需要的朋友們下面來一起看看吧。2017-07-07
這篇文章主要介紹了使用Vue逐步實現(xiàn)Watch屬性詳解，watch對象中的value分別支持函數(shù)、數(shù)組、字符串、對象，較為常用的是函數(shù)的方式，當(dāng)想要觀察一個對象以及對象中的每一個屬性的變化時，便會用到對象的方式2022-08-08
vue如何使用 Slot 分發(fā)內(nèi)容實例詳解
本篇文章主要介紹了vue如何使用 Slot 分發(fā)內(nèi)容實例詳解，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
vue3父組件異步props傳值子組件接收不到值問題解決辦法
這篇文章主要給大家介紹了關(guān)于vue3父組件異步props傳值子組件接收不到值問題的解決辦法,需要的朋友可以參考下2024-01-01