添加option
$
(
"#ID option"
).
each
(
function
(
)
{
if ($ ( this ). val ( ) == 111 ) {
$ ( this ). remove ( ) ;
}
} ) ;
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();
$("#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的为选中状态.(注意中间没有空格)
$ ( "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 ) { } //判断是否已经打勾
$ ( "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 >
<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' ) ; // 填充内容
$ ( "#txt" ). attr ( "value" , '11' ) ; // 填充内容
多选框checkbox:
$
(
"#chk1"
).
attr
(
"checked"
,
''
)
;
//不打勾
$ ( "#chk2" ). attr ( "checked" , true ) ; // 打勾
if ($ ( "#chk1" ). attr ( 'checked' ) ==undefined ) //判断是否已经打勾
$ ( "#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 ( ); // 清空下拉框
$ ( "<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' ) ; // 填充内容
$ ( "#txt" ). attr ( "value" , '11' ) ; // 填充内容
多选框checkbox:
$
(
"#chk1"
).
attr
(
"checked"
,
''
)
;
//不打勾
$ ( "#chk2" ). attr ( "checked" , true ) ; // 打勾
if ($ ( "#chk1" ). attr ( 'checked' ) ==undefined ) //判断是否已经打勾
$ ( "#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 ( ); // 清空下拉框
$ ( "<option value='1'>1111</option><option value='2'>2222</option>" ). appendTo ( "#sel" ) //添加下拉框的option
$ ( "#sel" ). empty ( ); // 清空下拉框