這篇文章主要介紹JS如何實(shí)現(xiàn)select選中option觸發(fā)事件，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

創(chuàng)新互聯(lián)建站是專業(yè)的余干網(wǎng)站建設(shè)公司，余干接單;提供網(wǎng)站建設(shè)、網(wǎng)站制作,網(wǎng)頁(yè)設(shè)計(jì),網(wǎng)站設(shè)計(jì),建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進(jìn)行余干網(wǎng)站開發(fā)網(wǎng)頁(yè)制作和功能擴(kuò)展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團(tuán)隊(duì),希望更多企業(yè)前來合作!

js的作用是什么

1、能夠嵌入動(dòng)態(tài)文本于HTML頁(yè)面。2、對(duì)瀏覽器事件做出響應(yīng)。3、讀寫HTML元素。4、在數(shù)據(jù)被提交到服務(wù)器之前驗(yàn)證數(shù)據(jù)。5、檢測(cè)訪客的瀏覽器信息。6、控制cookies，包括創(chuàng)建和修改等。7、基于Node.js技術(shù)進(jìn)行服務(wù)器端編程。

本文實(shí)例講述了JS實(shí)現(xiàn)select選中option觸發(fā)事件操作。分享給大家供大家參考，具體如下：

我們?cè)谟玫较吕斜砜騭elect時(shí)，需要對(duì)選中的選項(xiàng)觸發(fā)事件，其實(shí)本身沒有觸發(fā)事件方法，我們只有在select里的onchange方法里觸發(fā)。

想添加一個(gè)option的觸發(fā)事件,在option中添加onclick 點(diǎn)來點(diǎn)去就是不會(huì)觸發(fā)事件

又在select中添加onclick 這下可好了,沒選option呢就觸發(fā)了

百度來的說option沒有觸發(fā)事件,需要在select中加onchange事件,雖然我曾經(jīng)處理過類似的問題,用過就忘是不是豬腦子....

這次記住了吧應(yīng)該

當(dāng)我們觸發(fā)select的雙擊事件時(shí)，用ondblclick方法。
當(dāng)我們要取得select的選中事件時(shí)，用document.all['name'].value來獲取，其中name是select的名稱。
如果我們要得到select的全部的值就用一個(gè)for循環(huán)來實(shí)現(xiàn)。代碼如下：

var vi = document.all['list'].length;
for(var i=0;i的名稱
}

JS實(shí)現(xiàn)代碼：

??
  選項(xiàng)一
  選項(xiàng)二


    function gradeChange(){
    var objS = document.getElementById("pid");
    var grade = objS.options[objS.selectedIndex].grade;
    alert(grade);
    }

jQuery實(shí)現(xiàn)代碼：

  選項(xiàng)1
  選項(xiàng)2
  選項(xiàng)3

$("#myselect").change(function(){
  var opt=$("#myselect").val();
  ...
});

Javascript獲取select下拉框選中的值

現(xiàn)在有一id=test的下拉框，怎么拿到選中的那個(gè)值呢？

分別使用javascript原生的方法和jquery方法

 text1
 text2

代碼:

一、javascript原生的方法

1. 拿到select對(duì)象：

var myselect=document.getElementById("test");

2. 拿到選中項(xiàng)的索引：

var index=myselect.selectedIndex;
// selectedIndex代表的是你所選中項(xiàng)的index

3. 拿到選中項(xiàng)options的value：

myselect.options[index].value;

4:拿到選中項(xiàng)options的text：

myselect.options[index].text;

二、jquery方法（前提是已經(jīng)加載了jquery庫(kù)）

1.獲取選中的項(xiàng)

var options=$("#test option:selected");

2.拿到選中項(xiàng)的值

alert(options.val());

3.拿到選中項(xiàng)的文本

alert(options.text());

以上是“JS如何實(shí)現(xiàn)select選中option觸發(fā)事件”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！