[jQuery] 如何取得 selectList index 和 value 值

1. 首先如何取得 select 的 value 跟 text

/*
*
* 取得 select value 值
*/

$ ( '#selectList' ). val ( ) ;

取得 text 值,可以利用 :selected 這個

/*
*
* 取得 select text 值
*/

$ ( '#selectList :selected' ). text ( ) ;


底下是一個範例,實做選取 select options 加入到另一個 select:
html 部份:

<select id="test1" name="test1" />
  <option value="1">中正大學 </option>
  <option value="2">台灣大學 </option>
  <option value="3">交通大學 </option>
</select>
<select id="test2" />
  <option value="0">請選擇 </option>
</select>

jQuery 部份:

$ ( "#test1" ). change ( function ( ) {
  /*
  * $(this).val() : #test1 的 value 值
  * $('#test1 :selected').text() : #test1 的 text 值    
  */

  $ ( "#test2" ). addOption ($ ( this ). val ( ) , $ ( '#test1 :selected' ). text ( ) ) ; 
} ) ;

你可能感兴趣的:([jQuery] 如何取得 selectList index 和 value 值)