1. 程式人生 > >select選中option觸發事件

select選中option觸發事件

    <select id="selectId">

        <option value="a">選項一</a>
        <option value="b">選項二</a>
        <option value="b">選項三</a>

    </select>

    <script type="text/JavaScript">
        var selectId = document.getElementById("selectId");//獲取ID
        selectId.onchange = function()//觸發事件
        {
            var result = selectId.options[selectId.selectedIndex].innerHTML;//獲取選中文字
            alert(result);
        }
    </script>

相關推薦

select選中option觸發事件

    <select id="selectId">         <option value="a">選項一</a>         <option va

selectoption觸發事件

<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=de

解決redio 再次選中觸發事件問題

1、操作物件不同: 在jQuery中,attr()函式和prop()函式都用於設定或獲取指定的屬性,它們的引數和用法也幾乎完全相同。不過,在jQuery中,attribute和property卻是兩個不同的概念。attribute表示HTML文件節點的屬性,property表示JS物件的屬性。 <

option觸發事件

option本身是沒有觸發事件的,需要藉助於select的onchange事件來實現。 不多說,直接上程式碼: <select id="status_select" onchange="optionChange()"> <option

Javascript獲取select下拉框選中的的值,select中指定option選中觸發事件

現在有一id=test的下拉框,怎麼拿到選中的那個值呢? 分別使用javascript原生的方法和jquery方法 <select id="test"  name="" onchange="gradeChange()">      <option   va

js select option 選中觸發事件

原網址:http://jackroomage.iteye.com/blog/1386445 <HTML>  <HEAD>   <script>   function cc(val){     alert(val);      }   </script>

實現 select中指定option選中觸發事件

我們在用到下拉列表框select時,需要對選中的<option>選項觸發事件,其實<option>本身沒有觸發事件方法,我們只有在select裡的onchange方法裡觸發。 當我們觸發select的雙擊事件時,用ondblclick方法。當我們要取得

html5 datalist 選中option選項後的觸發事件

使用input + datalist 實現自動補全功能,其中datalist中的內容是根據input輸入的內容動態變換的,程式碼如下 <!DOCTYPE HTML> <html>

selectoption選中事件

//使用 jquery 獲取 selected 的選中事件 <select id=“selected1”> <option>你</option> <option>我</option> </select>

根據selectoption文本選中對應的選項

txt div code cti query func option ++ log function selectByOptionTxt(obj,txt){ var optionArr = $(obj).find("option");

HTML中獲取select選中option節點

當我們想要獲取select標籤選中的option值value外,我們還希望獲取option標籤上的其它值,我們可以這麼做: <html> <head> <script src="https://cdnjs.cloudflare.com/ajax/libs

select 獲取選中option裡的自定義屬性值

問題:獲取select 中 option自定義的屬性,使用了一個 省市區三級聯動的外掛,然後獲取裡面的option值 解決:jQuery方法 <select id="selectList" > <option value="浙江省" data-code="100

記一個關於 Select 的小 bug:Select 的 on-change 事件會自動觸發

iView Select 框在頁面載入的時候會彈出還沒有觸發的方法裡面的錯誤資訊,如下: 程式碼: <Select v-model="form.id" filterable clearable @on-change="selectAccount"> <Opt

js動態獲取select選中option

 最近在寫報表管理模組時,需要通過條件去篩選符合條件的資料,篩選條件用的佈局有select,input等。在除錯的過程中一直獲取不到select選中的option。於是就查詢些資料,發現用select的selected屬性可以獲取到option的值。下面通過demo來演示: 通過2種方式: 一、jquery方

###### 常用:select option Change事件:拿到當前選擇的option值。###【難點在於:後兩種情況 alert除錯都是對的。事件change時 傳的值就是不對!】

###【難點在於:後兩種情況 alert除錯都是對的。事件change時 傳的值就是不對!】 =========》 有效: <span>角色<font color="red">*</font></span>

如何獲得select選中option的value和text和......

例: <select id="select"> <option value="A" url="http://www.baidu.com">第一個option</option> <option value="B" ur

獲取select 所有option &&select 移除和新增 選中option

//獲取select 所有option 方法 var months= $("#addedmonths").map(function(){ return $(this).val(); }).get().join(", “) ; //select 移除和新增 選中的

js和jquery動態實現radio選中觸發事件

最近寫的功能是根據radio選中不同的值實現觸發對應的事件,現將實現方法總結如下: html如下: <div id="div_pathType"> <input name="pathType" class="page_input_radio" id="pathType"

selectoption選中後,文字居中顯示

<div class="aui-col-xs-3"> <select name="brand_kouChuFen" id="brand_kouChuFen" style="text-align:center;text-align-last:cente

下拉框選中一個選項後 觸發事件

第一個例項 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"> <html> <head> <script language="JavaScript