jquery中select的用法

<select id="aa" name="aa" οnchange="onSelectChanged(this)">
  <option value="1" selected="selected">a</option>
  <option value="2">b</option>
  <option value="3">c</option>
  <option value="4">d</option>
</select>


1.获取select的jquery对象

  按id获取:$("select#aa")

  按名称获取:$("select[name='aa']");

2.选中某项

$("select#aa").val(2);

3.获取当前选中的option的值

  $("select#aa").val();

4.获取当前选中的option的文本

  $("select#aa option[value='"+ $("select#aa").val() + "']").text();

注意:

  也可以用option的selected属性选择,但是需要注意不同浏览器该属性的取值不同,按照html标准[1],selected的取值应该是“selected”或者是空字符串,或者没有该属性,但是在chrome中,该属性的取值是true和false

5.响应事件

  onchange属性

function <span style="font-family: Arial, Helvetica, sans-serif;">onSelectChanged</span><span style="font-family: Arial, Helvetica, sans-serif;">(obj) {</span>
  alert($(obj).val());
}

6.动态添加option

  $("select#aa").append('<option value="5">e</option>');

7.清空option

$("select#aa").empty();



[1]. http://www.w3.org/TR/html-markup/option.html

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值