<dt>性 别</dt><dd><input name="sex" value="1" type="radio">男 <input name="sex" value="0" type="radio">女 </dd>
解决方案 »
- 异常System.BadImageFormatException 标记格式不正确
- TreeNode控件有获取节点级别的属性吗,没有的话,怎么实现呢
- datalist 设定ITEM的长度和宽度。字段的数据太长不要换行。也不要变宽,用省略号/数据长短不一,显示出来好难看?
- 怎样按下Enter就直接搜索,而不需要用鼠标单击。
- 如何把iframe页里的变量传到父页的web控件中.
- RadioButtonList的问题
- asp.net中,调用组件,注意哪些,比如注册(我现在是调用没有搞定!)?
- 急招软件开发人员
- 如何设置输入焦点
- 为什么我刷新之后刚才的操作又重复了一次?比如新增!
- VS2005利用TreeView控件和递归函数从数据库动态生成树状菜单
- 求c#.net分页代码
$("#single").val("女");
});
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>jQuery中val()方法</title>
<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#single").val("选择2号");
$("#multiple").val(["选择2号","选择3号"]);
});
</script>
</head>
<body>
<select id="single">
<option selected="selected">选择1号</option>
<option>选择2号</option>
<option>选择3号</option>
<option>选择4号</option>
<option selected="selected">选择5号</option>
</select>
<select id="multiple" multiple="multiple" style="height:120px">
<option selected="selected">选择1号</option>
<option>选择2号</option>
<option>选择3号</option>
<option>选择4号</option>
<option selected="selected">选择5号</option>
</select>
</body>
</html>
$("input[@name='sex'][@value='0']")[0].checked = true;
文件名:jquery.liu.select.js
功能说明:本js文件为jquery类库的一个插件,主要实现对select的操作.
作者:John Liu
编写日期:2008/03/12
*/
//得到select项的个数
jQuery.fn.size = function(){
return jQuery(this).get(0).options.length;
}//获得选中项的索引
jQuery.fn.getSelectedIndex = function(){
return jQuery(this).get(0).selectedIndex;
}//获得当前选中项的文本
jQuery.fn.getSelectedText = function(){
if(this.size() == 0) return "下拉框中无选项";
else{
var index = this.getSelectedIndex();
return jQuery(this).get(0).options[index].text;
}
}//获得当前选中项的值
jQuery.fn.getSelectedValue = function(){
if(this.size() == 0)
return "下拉框中无选中值";
else
return jQuery(this).val();
}//设置select中值为value的项为选中
jQuery.fn.setSelectedValue = function(value){
jQuery(this).get(0).value = value;
}//设置select中文本为text的第一项被选中
jQuery.fn.setSelectedText = function(text)
{
var isExist = false;
var count = this.size();
for(var i=0;i<count;i++)
{
if(jQuery(this).get(0).options[i].text == text)
{
jQuery(this).get(0).options[i].selected = true;
isExist = true;
break;
}
}
if(!isExist)
{
alert("下拉框中不存在该项");
}
}
//设置选中指定索引项
jQuery.fn.setSelectedIndex = function(index)
{
var count = this.size();
if(index >= count || index < 0)
{
alert("选中项索引超出范围");
}
else
{
jQuery(this).get(0).selectedIndex = index;
}
}
//判断select项中是否存在值为value的项
jQuery.fn.isExistItem = function(value)
{
var isExist = false;
var count = this.size();
for(var i=0;i<count;i++)
{
if(jQuery(this).get(0).options[i].value == value)
{
isExist = true;
break;
}
}
return isExist;
}
//向select中添加一项,显示内容为text,值为value,如果该项值已存在,则提示
jQuery.fn.addOption = function(text,value)
{
if(this.isExistItem(value))
{
alert("待添加项的值已存在");
}
else
{
jQuery(this).get(0).options.add(new Option(text,value));
}
}
//删除select中值为value的项,如果该项不存在,则提示
jQuery.fn.removeItem = function(value)
{
if(this.isExistItem(value))
{
var count = this.size();
for(var i=0;i<count;i++)
{
if(jQuery(this).get(0).options[i].value == value)
{
jQuery(this).get(0).remove(i);
break;
}
}
}
else
{
alert("待删除的项不存在!");
}
}
//删除select中指定索引的项
jQuery.fn.removeIndex = function(index)
{
var count = this.size();
if(index >= count || index < 0)
{
alert("待删除项索引超出范围");
}
else
{
jQuery(this).get(0).remove(index);
}
}
//删除select中选定的项
jQuery.fn.removeSelected = function()
{
var index = this.getSelectedIndex();
this.removeIndex(index);
}
//清除select中的所有项
jQuery.fn.clearAll = function()
{
jQuery(this).get(0).options.length = 0;
}
使用的时候先引入jquery.js文件,再引入jquery.liu.select.js文件,然后就可调用该插件的方法。比如,我要清除id为selEmail的下拉框中的所有项,那么我就可以这么操作:$("#selEmail").clearAll();
获取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');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾 $("#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();//清空下拉框
获取一组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');//填充内容
多选框checkbox: $("#chk1").attr("checked",'');//不打勾
$("#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();//清空下拉框
$(":radio[value='0']").attr("checked",true);
function CommUtil(){}
CommUtil.createDomDoc = function()
{
var signatures = ["Msxml2.DOMDocument.5.0","Msxml2.DOMDocument.4.0","Msxml2.DOMDocument.3.0","Msxml2.DOMDocument","MicroSoft.XmlDom"];
for(var i=0; i<signatures.length; i++)
{
try
{
var domDoc = new ActiveXObject(signatures[i]);
if(domDoc!=null)
{
return domDoc;
}
}
catch(e)
{
alert('CommUtil.createDomDoc():Create DOM Object failed.');
}
}
}
CommUtil.getResponseDom = function(responseTextXml)
{
var domDoc = CommUtil.createDomDoc();
domDoc.loadXML(responseTextXml);
if(domDoc.documentElement)
{
return domDoc.documentElement;
}
else
{
alert('CommUtil.createDomObj():Incorrect XML String.');
return null;
}
}
CommUtil.getXMLHttpRequest = function()
{
var xmlhttp;
try
{
xmlhttp= new ActiveXObject('Msxml2.XMLHTTP');
}
catch(e)
{
try
{
xmlhttp= new ActiveXObject('Microsoft.XMLHTTP');
}
catch(e)
{
try
{
xmlhttp= new XMLHttpRequest();
}
catch(e)
{
alert('Error: CommUtil.getXMLHttpRequest - Failed to init XMLHttpRequest.');
}
}
}
return xmlhttp;
}function CommService()
{
this.xmlhttp = CommUtil.getXMLHttpRequest();//获得HttpXMLRequest对象
this.onreadystatechange = function(){};
this.objParas = new Object();//请求参数键值对,存放在一个对象中
function addPara(){}; //添加参数
function getSendStr(){}; //获得组装成URL传参数的字符串
function asyncSend(action,method,data){}; //异步请求
}CommService.prototype =
{
asyncSend:function(action,method,data)
{
var xmlhttp = this.xmlhttp;
xmlhttp.open("Post", action+".do?", false); //建立对服务器的调用
var responseText = '';
xmlhttp.onreadystatechange = function()
{
if (xmlhttp.readyState == 4)
{
if (xmlhttp.status == 200)
{
responseText = xmlhttp.responseText;
}
}
} this.addPara("method",method);
if(data)
{
this.addPara("data",data.xml);//添加action的data数据参数
}
var sendStr = this.getSendStr();
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded;charset=UTF-8");
xmlhttp.send(sendStr);
if(responseText != null)
{
return responseText;
}
},
addPara:function(name,value)
{
this.objParas[name] = name + '=' + value;
},
getSendStr:function()
{
var paras = this.objParas;
var strParas = '';
for(var p in paras)
{
strParas += paras[p] + '&';
}
if(strParas)
{
strParas = strParas.substring(0,strParas.length -1);
}
return strParas;
}
}function ResourceMgr()
{
var comm = new CommService();
var domXml = comm.asyncSend('common','getResource',null); this.domResource = CommUtil.getResponseDom(domXml);;
function getResource(){};
}
ResourceMgr.prototype =
{
getResource:function(key)
{
alert(this.domResource.xml);
var values = this.domResource.getElementsByTagName(key);
if(values.length != 0)
{
return values[0].getAttribute('value');
}
else
{
return '[' + key + ']';
}
}
}