`

jquery常用方法——select控件

 
阅读更多
//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");

注:selectObj如果通过$("#selector")获取select对象来执行本操作,会有JS错误,需要通过:document.getElementById("selector")来获得。
//删除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--;
	}
}  

实例:

<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();
	                        }
	                    }
	                });
	            }
	        }
	    });
	}
}
  • 大小: 4.4 KB
分享到:
评论

相关推荐

Global site tag (gtag.js) - Google Analytics