JQuery select标签操作代码段
来源:互联网 发布:知无涯者 豆瓣 编辑:程序博客网 时间:2024/05/09 18:25
下面几个常用的代码或许对您有帮助:
//1.获取选中option值
$('#selectList').val();
//2.获取选中option的文本
$('#selectList :selected').text();
//3.获取多个选中option值、文本
var foo = [];
$('#multiple :selected').each(function(i, selected) {
foo[i] = $(selected).text();
});
// to get the selected values, just use .val() - this returns a string or array
foo = $('#multiple :selected').val();
//4.使用选项option的条件表达式
switch ($('#selectList :selected').text()) {
case 'First Option':
//do something
break;
case 'Something Else':
// do something else
break;
}
//5.删除某个value=2的option
$("#selectList option[value='2']").remove();
//6.从list A 移动option到 list B.
// here we have 2 select lists and 2 buttons. If you click the “add” button,
// we remove the selected option from select1 and add that same option to select2.
// The “remove” button just does things the opposite way around.
// Thanks to jQuery's chaining capabilities, what was once a rather tricky undertaking with JS can now be done in 6 lines of code.
$().ready(function() {
$('#add').click(function() {
return !$('#select1 option:selected').appendTo('#select2');
});
$('#remove').click(function() {
return !$('#select2 option:selected').appendTo('#select1');
});
});
代码如下:
//1.获取选中option值
$('#selectList').val();
//2.获取选中option的文本
$('#selectList :selected').text();
//3.获取多个选中option值、文本
var foo = [];
$('#multiple :selected').each(function(i, selected) {
foo[i] = $(selected).text();
});
// to get the selected values, just use .val() - this returns a string or array
foo = $('#multiple :selected').val();
//4.使用选项option的条件表达式
switch ($('#selectList :selected').text()) {
case 'First Option':
//do something
break;
case 'Something Else':
// do something else
break;
}
//5.删除某个value=2的option
$("#selectList option[value='2']").remove();
//6.从list A 移动option到 list B.
// here we have 2 select lists and 2 buttons. If you click the “add” button,
// we remove the selected option from select1 and add that same option to select2.
// The “remove” button just does things the opposite way around.
// Thanks to jQuery's chaining capabilities, what was once a rather tricky undertaking with JS can now be done in 6 lines of code.
$().ready(function() {
$('#add').click(function() {
return !$('#select1 option:selected').appendTo('#select2');
});
$('#remove').click(function() {
return !$('#select2 option:selected').appendTo('#select1');
});
});
- JQuery select标签操作代码段
- JQuery操作select标签
- jquery操作select标签
- Jquery操作select标签
- jquery操作select标签
- Jquery 操作 radio ,select 标签的操作
- 结合jQuery扩展select标签操作
- jquery对select标签的操作
- jquery操作radio、select等标签
- JQuery操作html中select标签
- jQuery select的操作实现代码
- jQuery操作select的实例代码
- Jquery仿select标签
- jquery,select标签常用
- Jquery操作radio,checkbox,select表单操作实现代码
- Jquery操作radio,checkbox,select表单操作实现代码
- Jquery操作radio,checkbox,select表单操作实现代码
- Jquery操作radio,checkbox,select表单操作实现代码
- Jquery Select操作方法
- js倒计时代码
- 如何在Eclipse中查看Android源码或者第三方组件包源码
- windows 授权信息
- Unity 报错处理
- JQuery select标签操作代码段
- wince文件监控方式
- Win7 IIS配置时hresult:0x80070020错误解析
- tomcat报BAD packet signature 18245错误的原因
- 手势监听类
- 关于symbian
- 解决Set property 'System.Windows.ResourceDictionary.DeferrableContent'threw an exception.
- 安装配置RMS服务器步骤
- remote gdb