1. 程式人生 > >Javascript獲取select下拉框選中的的值,select中指定option選中觸發事件

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

現在有一id=test的下拉框,怎麼拿到選中的那個值呢?

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

<select id="test"  name="" onchange="gradeChange()">   
  <option   value="1">text1</option>   
  <option   value="2">text2</option>   
 </select>

code:

一: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方法(前提是已經載入了jquery庫)

1:var options=$("#test option:selected");  //獲取選中的項

2:alert(options.val());   //拿到選中項的值

3:alert(options.text());   //拿到選中項的文字

三:option選中觸發事件

<script type="text/JavaScript">
       function gradeChange(){
        var objS = document.getElementById("test");
        var grade = objS.options[objS.selectedIndex].grade;
        alert(grade);
       }
</script>

相關推薦

jquery 獲取和設定 select

$("#select_id").append("<option value='Value'>Text</option>"); //新增一項option $("#select_id").prepend("<option value='0'>請選擇</option&

IE8無法顯示動態獲取

1)由於IE8無法用 myOption.text="平臺管理員";得到值,只能用myOption.innerText才能得到,在網上找了很多辦法,試過都不行,最後用了最笨的辦法,直接判斷瀏覽器! //開啟新增角色的對話窗 function toCreateRole() {

select 到後臺和從後臺傳到前端顯示

1. select 下拉框,選擇值後傳值到後臺 <input type="hidden" id="state" name="state" id="state" class="projectfile" value="${model.state}" /> <select class

select,js實現

var dataList = [ "6211125886667895", "6211125886667892", "62111258866678

VueElementSelect選取問題

之前寫了.一個原生的select的,因為展示效果原因,給刪除掉了,忘記儲存程式碼了,現在大家展示使用elementUI的下拉框封裝一個元件,供咱們專案中經常呼叫,減少程式碼量. html <e

使用js設定預設select

使用js來預設選中select下拉框的值真的很方便,為了以後方便查詢學習,做一個 <script> $(function(){ var a=${school.SCHOOL_ASS

中文輸入法觸發input事件 js繫結事件:addEventListener和on的區別 select用empty()方法 清空option

中文輸入法觸發input事件 compositionstart 當瀏覽器有非直接的文字輸入時, compositionstart事件觸發. compositionend 當瀏覽器是直接的文字輸入時, compositionend事件觸發 解決方法: 這裡還有一個問題: 在有些瀏

Javascript獲取select選中的的

title nbsp span htm .text 下拉框 dex alert tle Javascript獲取select下拉框選中的的值 現在有一id=test的下拉框,怎麽拿到選中的那個值呢? 分別使用javascript原生的方法和jquery方法 <sel

Javascript獲取select選中的的,select指定option選中觸發事件

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

jquery及原生js獲取select選中示例

有一id=test的下拉框,怎麼拿到選中的那個值呢?本文將採用javascript原生的方法及jquery方法(前提是已經載入了jquery庫)來簡單實現下 現在有一id=test的下拉框,怎麼拿到選中的那個值呢?  分別使用javascript原生的方法和jquery方法,程式碼

select獲取 預設選中

本文主要介紹select下拉框的相關方法。1.通過id獲取下拉框的value和文字值例如:  <select class="form-control" id="numbers">                     <option value="1"&g

兩種方法獲取select選中option

第一種 <select name="type" id="aaa" onchange="show_sub()"> <option value="0">請選擇主菜

4種方法獲取select標簽

定位 tag name () 節點 通過 ext col path 選中下拉框中“上海” 代碼如下:<select id="province" class="select" name="province"> <option value="0">請選擇

JS獲取select選中的value或者其name

text single nbsp -s 舉例 sta c-s jquer hid 舉例: <select class="js-example-basic-single js-states" style="width: 300px" name="hid" id="hi

jquery操作select的多種方法(選中,取,賦

console 多選框 bus move dso rul 調用 define @value http://wenku.baidu.com/link?url=9N4HzvSx12pi4naZfs-Cf7P6MPteTuOoINlfInCJJPr1Tx2QtW7iY_7J_g0

點擊select獲取option的屬性

添加 對象 logs 調用 wid cti 渲染 pre con select下拉框作為前端開發者應該是經常使用的,最近在項目中遇到這樣的情況,點擊下拉框選項,需要獲取所點擊的option的屬性值,當時想很簡單啊,給option加一個點擊事件不就行了,然後就加了一下,結果一

jquery操作select的多種方法(選中,取,賦等)

單選框 很多 輸出 checked ref mov define text Language Query獲取Select選擇的Text和Value: 語法解釋: 1. $("#select_id").change(function(){//code...}); //為S

JavaScript 驗證表單不為空和獲取select列表的和文本

blog car form 是你 mys 獲取 document options 身份證 1.驗證表單不為空 var hasform = { "Name": "名字", "Id_card": "身份證", "PaySalary": "月工資",

JavaScript自定義函數以及文本、radio、獲取,結合淘寶競拍案例來理解。。。

支付寶 價格 select back html alt 文本框 lec 獲取 淘寶競拍案例: HTML部分代碼: <form action="#" method="post"> <h2>歡迎進入淘寶競拍</h2> &l

js獲取select

現在有一id為userType的下拉框,怎麼獲取選中的值: 1 使用者型別: 2 <select name="type" id="userType"> 3 <option value="0">請選擇</option> 4 <option v