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標簽如何傳遞選中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值方法就是小編分享給大家的全部內容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue-admin-template?添加、跳轉子頁面問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了Vue如何獲取兩個時間點之間的所有間隔時間，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-07-07
在Vue 3中使用OpenLayers讀取WKB數(shù)據(jù)并顯示圖形效果
WKB作為一種緊湊的二進制格式,在處理和傳輸空間數(shù)據(jù)時具有明顯優(yōu)勢,本文介紹了如何在Vue 3中使用OpenLayers讀取WKB格式的空間數(shù)據(jù)并顯示圖形,感興趣的朋友一起看看吧2024-12-12
這篇文章主要介紹了關于electron-vue打包后運行白屏的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
react+vite動態(tài)導入報錯@vite-ignore的問題及解決
這篇文章主要介紹了react+vite動態(tài)導入報錯@vite-ignore的問題及解決方案,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
超詳細動手搭建一個VuePress 站點及開啟PWA與自動部署的方法
這篇文章主要介紹了超詳細動手搭建一個VuePress 站點及開啟PWA與自動部署的方法，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2019-01-01
這篇文章主要給大家介紹了關于vue踩坑記錄之數(shù)組定義和賦值問題的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用vue具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧2019-03-03
Vue+UpLoad實現(xiàn)上傳預覽和刪除圖片的實踐
本文主要介紹了Vue+UpLoad實現(xiàn)上傳預覽和刪除圖片的實踐，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02
詳解Vue中l(wèi)ocalstorage和sessionstorage的使用
這篇文章主要介紹了詳解Vue中l(wèi)ocalstorage和sessionstorage的使用方法和經(jīng)驗心得，有需要的朋友跟著小編參考學習下吧。2017-12-12
vant的Uploader?文件上傳,圖片數(shù)據(jù)回顯問題
這篇文章主要介紹了vant的Uploader?文件上傳,圖片數(shù)據(jù)回顯問題，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10