[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 ( ) ) ; 
} ) ;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值