jq select操作全集

添加option

$ ( "#ID option" ). each ( function ( ) {
if ($ ( this ). val ( ) == 111 ) {
$ ( this ). remove ( ) ;
}
} ) ;

移除option

$ ( "<option value='111'>UPS Ground</option>" ). appendTo ($ ( "#ID" ) ) ;

取得下拉选单的选取值

$ ( "#testSelect option :selected " ).text();
$("#testSelect").find('
option :selected ').text();
$("#testSelect").val();

根据option的值选中下拉框

$ ( '#testSelect' ). val ( '111' ) ;

2,单选框:

$ ( "input[@type=radio][@checked]" ). val ( ) ; //得到单选框的选中项的值(注意中间没有空格)
$ ( "input[@type=radio][@value=2]" ). attr ( "checked" , 'checked' ) ; //设置单选框value=2的为选中状态.(注意中间没有空格)

3,复选框:

$ ( "input[@type=checkbox][@checked]" ). val ( ) ; //得到复选框的选中的第一项的值
$ ( "input[@type=checkbox][@checked]" ). each ( function ( ) { //由于复选框一般选中的是多个,所以可以循环输出
alert ($ ( this ). val ( ) ) ;
} ) ;
 
$ ( "#chk1" ). attr ( "checked" , '' ) ; //不打勾
$ ( "#chk2" ). attr ( "checked" , true ) ; // 打勾
if ($ ( "#chk1" ). attr ( 'checked' ) ==undefined ) { } //判断是否已经打勾

当然jquery的选择器是强大的. 还有很多方法.

<script src = "jquery-1.2.1.js" type = "text/javascript" ></script >
<script language = "javascript" type = "text/javascript" >
$ (document ). ready ( function ( ) {
$ ( "#selectTest" ). change ( function ( )
{
alert ($ ( "#selectTest option[@selected]" ). text ( ) ) ;
$ ( "#selectTest" ). attr ( "value" , "2" ) ;
 
} ) ;
} ) ;
</script >
 
<a href = "#" >aaass </a >
 
<!--下拉框 -->
<select id = "selectTest" name = "selectTest" >
<option value = "1" > 11 </option >
<option value = "2" > 22 </option >
<option value = "3" > 33 </option >
<option value = "4" > 44 </option >
<option value = "5" > 55 </option >
<option value = "6" > 66 </option >
</select >

jquery radio取值,checkbox取值,select取值,radio选中,checkbox选中,select选中,及其相关获取一组radio被选中 项的值

var item = $ ( 'input[@name=items][@checked]' ). val ( ) ;

获取select被选中项的文本

var item = $ ( "select[@name=items] option[@selected]" ). text ( ) ;

select 下拉框的第二个元素为当前选中值

$ ( '#select_id' ) [ 0 ]. selectedIndex = 1 ;

radio单选组的第二个元素为当前选中值

$ ( 'input[@name=items]' ). get ( 1 ). checked = true ;

获取值:
文本框,文本区域:

$ ( "#txt" ). attr ( "value" )

多选框 checkbox:

$ ( "#checkbox_id" ). attr ( "value" )

单选组radio:

$ ( "input[@type=radio][@checked]" ). val ( ) ;

下拉框select:

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

控制表单元素:
文本框,文本区域:

$ ( "#txt" ). attr ( "value" , '' ) ; //清空内容
$ ( "#txt" ). attr ( "value" , '11' ) ; // 填充内容

多选框checkbox:

$ ( "#chk1" ). attr ( "checked" , '' ) ; //不打勾
$ ( "#chk2" ). attr ( "checked" , true ) ; // 打勾
if ($ ( "#chk1" ). attr ( 'checked' ) ==undefined ) //判断是否已经打勾

单选组radio:

$ ( "input[@type=radio]" ). attr ( "checked" , '2' ) ; //设置value=2的项目为当前选中项

下拉框 select:

$ ( "#sel" ). attr ( "value" , '-sel3' ) ; //设置value=-sel3的项目为当前选中项
$ ( "<optionvalue='1'>1111</option><optionvalue='2'> 2222</option>" ). appendTo ( "#sel" ) //添加下拉框的option
$ ( "#sel" ). empty ( )// 清空下拉框

获取一组radio被选中项的值

var item = $ ( 'input[@name=items][@checked]' ). val ( ) ;

获取select被选中项的文本

var item = $ ( "select[@name=items] option[@selected]" ). text ( ) ;

select下拉框的第二个元素为当前选中值

$ ( '#select_id' ) [ 0 ]. selectedIndex = 1 ;

radio单选组的第二个元素为当前选中值

$ ( 'input[@name=items]' ). get ( 1 ). checked = true ;

获取值:
文本框,文本区域:

$ ( "#txt" ). attr ( "value" )

多选框 checkbox:

$ ( "#checkbox_id" ). attr ( "value" )

单选组radio:

$ ( "input[@type=radio][@checked]" ). val ( ) ;

下拉框select:

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

控制表单元素:
文本框,文本区域:

$ ( "#txt" ). attr ( "value" , '' ) ; //清空内容
$ ( "#txt" ). attr ( "value" , '11' ) ; // 填充内容

多选框checkbox:

$ ( "#chk1" ). attr ( "checked" , '' ) ; //不打勾
$ ( "#chk2" ). attr ( "checked" , true ) ; // 打勾
if ($ ( "#chk1" ). attr ( 'checked' ) ==undefined ) //判断是否已经打勾

单选组radio:

$ ( "input[@type=radio]" ). attr ( "checked" , '2' ) ; //设置value=2的项目为当前选中项

下拉框 select:

$ ( "#sel" ). attr ( "value" , '-sel3' ) ; //设置value=-sel3的项目为当前选中项
$ ( "<option value='1'>1111</option><option value='2'>2222</option>" ). appendTo ( "#sel" ) //添加下拉框的option
$ ( "#sel" ). empty ( )// 清空下拉框
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值