Jquery操作select
来源:互联网 发布:mac好用的视频播放器 编辑:程序博客网 时间:2024/05/16 15:09
Javascript代码
添加“江苏”到下拉框的最后一位
1
$(
'#add_to_last'
).click(
function
(){
2
$(
'#select'
).append('
3
<OPTION value=
"江苏"
></OPTION>
4
5
江苏
6
7
');
8
});
添加“安徽”到下拉框的第一位
Javascript代码
1
$(
'#add_to_first'
).click(
function
(){
2
$(
'#select'
).prepend('
3
<OPTION value=
"安徽"
></OPTION>
4
5
安徽
6
7
');
8
});
获取当前的selectIndex(当前选中的下拉菜单的项目的索引)
Javascript代码
1
$(
'#get_select_index'
).click(
function
(){
2
alert($(
'#select option:selected'
).attr(
"index"
));
3
});
移除下拉菜单最后一个项目
Javascript代码
1
$(
'#remove_last_option'
).click(
function
(){
2
$(
'#select option:last'
).remove();
3
});
移除除了第一个之外的所有选项
1
$(
'#remove_all_option_except_first'
).click(
function
(){
2
$(
'#select option'
).not(
':first'
).remove();
3
});
获取下拉菜单最大索引值
1
$(
'#get_max_index'
).click(
function
(){
2
var
maxIndex=$(
"#select option:last"
).attr(
"index"
);
3
alert(maxIndex);
4
});
=====================================================================
- //获取第一个option的值
- $('#test option:first').val();
- //最后一个option的值
- $('#test option:last').val();
- //获取第二个option的值
- $('#test option:eq(1)').val();
- //获取选中的值
- $('#test').val();
- $('#test option:selected').val();
- //设置值为2的option为选中状态
- $('#test').attr('value','2');
- //设置第一个option为选中
- $('#test option:last').attr('selected','selected');
- $("#test").attr('value' , $('#test option:last').val());
- $("#test").attr('value' , $('#test option').eq($('#test option').length - 1).val());
- //获取select的长度
- $('#test option').length;
- //添加一个option
- $("#test").append("<option value='9'>ff</option>");
- $("<option value='9'>ff</option>").appendTo("#test");
- //添除选中项
- $('#test option:selected').remove();
- //指定项选中
- $('#test option:first').remove();
- //指定值被删除
- $('#test option').each(function(){
- if( $(this).val() == '5'){
- $(this).remove();
- }
- });
- $('#test option[value=5]').remove();
- //获取第一个Group的标签
- $('#test optgroup:eq(0)').attr('label');
- //获取第二group下面第一个option的值
- $('#test optgroup:eq(1) :option:eq(0)').val();
- jQuery对select操作
- jQuery对select操作
- Jquery操作select
- jQuery对select操作
- JQuery 对select操作
- jQuery对select操作
- JQuery 之 select 操作
- jquery对select操作
- jquery对SELECT操作
- jQuery 对select操作
- jQuery对select操作
- jquery操作select
- jQuery 对select操作
- jQuery对select操作
- jQuery操作Select
- jquery操作select
- jQuery对select操作
- Jquery操作select
- SCI,EI,ISTP,SSCI,INSPEC,SCIE,IEEE,CSCD
- S3C6410 Copybit Android 模块设计心得--转载
- Hibernate一对多使用非主键关联设置
- Copybit HAL模块分析报告--转载
- 菜鸟MFC 让对话框大小适合背景图片
- Jquery操作select
- java安装中环境变量的配置
- POJ 2242 The Circumference of the Circle
- UVA 10004判断一个图是否为二分图
- 数据库获取当前时间
- Java多线程程序设计
- HQL按条件查询分页注意事项
- flash相关知识
- Android display SW架构分析(二)