jquery常用方法——select控件

[/code]
//select控件
var selectObj = $("#selector"); //根据ID

var selectObj = $(o); //根据对象
/*
eg:
<select id="catId" onchange="changeGoodsType(this);">
function changeGoodsType(o){
catObj = $(o);
...
}
*/

//select控件被选索引,selectObj对象推荐用document.getElementById("selId")获取,否则有些时候取出的值为undifined
var selIndex = selectObj.selectedIndex;

//设置select控件默认被选项
$("#myyhlx option[value='123']").attr("selected","selected"); //有时无效,不建议使用
document.getElementById("myyhlx")[i].selected=true; //推荐使用,设置第i个option为默认被选项,i从0开始。

//select控件被选值
var selValue = selectObj.val();

var selValue = selectObj.value;

var selValue = selectObj.options[selIndex].value;

//select控件被选择的Text
var selText = selectObj.find("option:selected").text(); 

//select控件被选项的某个属性值
var selTitle = selectObj.options[selIndex].getAttribute("title_cat");

[color=red]注:selectObj如果通过$("#selector")获取select对象来执行本操作,会有JS错误,需要通过:document.getElementById("selector")来获得。[/color]

//删除select中全部option项
var catSel = document.getElementById("catId");
var cId = $(catSel);
var text = "<option value=''>请选择分类</option>";
$(cId).html("");

var catSel = document.getElementById("catId");
var cId = $(catSel);
var text = "<option value=''>请选择分类</option>";
$(cId).empty();

function removeSelectAllOptions(obj) {
for (i = 0; i < obj.options.length; i++) {
obj.options.remove(i);
i--;
}
}

实例:
[img]http://dl2.iteye.com/upload/attachment/0089/7955/8780f0b9-8a62-3791-8b27-07b0322f4ffd.png[/img]

<input type="checkbox" id="selAllTdk" onclick="doSelectAllTdk();" value="">全选
<input type="checkbox" name="checkBoxTdkId" onclick="isSelectAllTdk(this);" value="1">
<input type="checkbox" name="checkBoxTdkId" onclick="isSelectAllTdk(this);" value="2">

function doSelectAllTdk() {
if($("#selAllTdk").attr("checked") == true) {
$("[name='checkBoxTdkId']").attr("checked",'true');
} else {
$("[name='checkBoxTdkId']").removeAttr("checked");
}
}
function isSelectAllTdk(tdk) {
if($(tdk).attr("checked") != true) {
$("#selAllTdk").removeAttr("checked");
}
}

function batchDelete() {
var tdkIds = "";
if ($("input:checked[name='checkBoxTdkId']").length > 0) {
$($("input:checked[name='checkBoxTdkId']")).each(function() {
tdkIds += this.value + ",";
});
$.msgbox({
height: 150,
width: 250,
content: {
type: 'confirm',
content: '确定要删除吗?'
},
onClose: function(v) {
var url = basePath + '/tdk/batchDelete_tdk.action?tdkIds=' + tdkIds;
if (v) {
$.ajax({
type: "POST",
url: url,
data: "0",
async: false,
//ajax同步
dataType: 'txt',
//接受数据格式
success: function(text) {
if (text == '-1') {
alert("没有权限");
} else {
parent.location.reload();
}
}
});
}
}
});
}
}
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值