這篇文章主要介紹JS如何實現(xiàn)select選中option觸發(fā)事件,文中介紹的非常詳細(xì),具有一定的參考價值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)建站是專業(yè)的余干網(wǎng)站建設(shè)公司,余干接單;提供網(wǎng)站建設(shè)、網(wǎng)站制作,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行余干網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊,希望更多企業(yè)前來合作!
1、能夠嵌入動態(tài)文本于HTML頁面。2、對瀏覽器事件做出響應(yīng)。3、讀寫HTML元素。4、在數(shù)據(jù)被提交到服務(wù)器之前驗證數(shù)據(jù)。5、檢測訪客的瀏覽器信息。6、控制cookies,包括創(chuàng)建和修改等。7、基于Node.js技術(shù)進(jìn)行服務(wù)器端編程。
本文實例講述了JS實現(xiàn)select選中option觸發(fā)事件操作。分享給大家供大家參考,具體如下:
我們在用到下拉列表框select時,需要對選中的<option>選項觸發(fā)事件,其實<option>本身沒有觸發(fā)事件方法,我們只有在select里的onchange方法里觸發(fā)。
想添加一個option的觸發(fā)事件,在option中添加onclick 點來點去就是不會觸發(fā)事件
又在select中添加onclick 這下可好了,沒選option呢就觸發(fā)了
百度來的說option沒有觸發(fā)事件,需要在select中加onchange事件,雖然我曾經(jīng)處理過類似的問題,用過就忘是不是豬腦子....
這次記住了吧應(yīng)該
當(dāng)我們觸發(fā)select的雙擊事件時,用ondblclick方法。
當(dāng)我們要取得select的選中事件時,用document.all['name'].value
來獲取,其中name是select的名稱。
如果我們要得到select的全部的值就用一個for循環(huán)來實現(xiàn)。代碼如下:
var vi = document.all['list'].length; for(var i=0;i<vi;i++){ document.form2.list(i).value; //form2是<form>的名稱 }
JS實現(xiàn)代碼:
??<select id="pid" onchange="gradeChange()"> <option grade="1" value="a">選項一</a> <option grade="2" value="b">選項二</a> </select> <script type="text/JavaScript"> function gradeChange(){ var objS = document.getElementById("pid"); var grade = objS.options[objS.selectedIndex].grade; alert(grade); } </script>
jQuery實現(xiàn)代碼:
<select name="myselect" id="myselect"> <option value="opt1">選項1</option> <option value="opt2">選項2</option> <option value="opt3">選項3</option> </select> $("#myselect").change(function(){ var opt=$("#myselect").val(); ... });
Javascript獲取select下拉框選中的值
現(xiàn)在有一id=test
的下拉框,怎么拿到選中的那個值呢?
分別使用javascript原生的方法和jquery方法
<select id="test" name=""> <option value="1">text1</option> <option value="2">text2</option> </select>
代碼:
一、javascript原生的方法
1. 拿到select對象:
var myselect=document.getElementById("test");
2. 拿到選中項的索引:
var index=myselect.selectedIndex; // selectedIndex代表的是你所選中項的index
3. 拿到選中項options的value:
myselect.options[index].value;
4:拿到選中項options的text:
myselect.options[index].text;
二、jquery方法(前提是已經(jīng)加載了jquery庫)
1.獲取選中的項
var options=$("#test option:selected");
2.拿到選中項的值
alert(options.val());
3.拿到選中項的文本
alert(options.text());
以上是“JS如何實現(xiàn)select選中option觸發(fā)事件”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
網(wǎng)頁題目:JS如何實現(xiàn)select選中option觸發(fā)事件
文章轉(zhuǎn)載:http://bm7419.com/article6/gocpig.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站排名、用戶體驗、網(wǎng)站收錄、標(biāo)簽優(yōu)化、靜態(tài)網(wǎng)站、ChatGPT
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)