- 浏览: 535504 次
- 性别:
- 来自: 长沙
文章分类
最新评论
-
wocan23:
镜像是不是就是集群里面的从服务器啊
高并发处理方案 -
chenyi0834:
net.sf.ehcache.Cache ehCache=Ap ...
spring+ehCache简单整合使用示例 -
fsh430623:
是一个获取spring容器bean的工具类
spring+ehCache简单整合使用示例 -
hxc985815621:
ApplicationContextUtils是什么?
spring+ehCache简单整合使用示例 -
peixingchen:
你好,楼主,Action里面的CompanyApplyDTO类 ...
jquery+struts1.3.8的ajax上传文件
jQuery("#tbTTenderMaterialDTOList option").attr("selected", true);选择所有的下拉选项
获取Select :
获取select 选中的 text :
1.$("#ddlRegType").find("option:selected").text();
2.nowrow.cells[3].innerText=ops[myselecter.selectedIndex].text;
3.var cityName=$('#cityId1 option:selected').text();
获取select选中的 value:
$("#ddlRegType ").val();
获取select选中的索引:
$("#ddlRegType ").get(0).selectedIndex;
设置select:
设置select 选中的索引:
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
设置select 选中的value:
$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;
设置select 选中的text:
var count=$("#ddlRegType option").length;
for(var i=0;i<count;i++)
{ if($("#ddlRegType ").get(0).options[i].text == text)
{
$("#ddlRegType ").get(0).options[i].selected = true;
break;
}
}
$("#select_id option[text='jQuery']").attr("selected", true);
设置select option项:
$("#select_id").append("<option value='Value'>Text</option>"); //添加一项option
$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
$("#select_id option:last").remove(); //删除索引值最大的Option
$("#select_id option[index='0']").remove();//删除索引值为0的Option
$("#select_id option[value='3']").remove(); //删除值为3的Option
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
清空 Select:
$("#ddlRegType ").empty();
jquery获得值:
.val()
.text()
设置值
.val('在这里设置值')
function moveTo(fromid,toid){
var selectedoptions=jQuery("#"+fromid).find("option:selected");
var newOptions=jQuery("#"+toid).attr('options');
for(var i=0;i< selectedoptions.length;i++){
var opt=new Option(selectedoptions[i].text,selectedoptions[i].value)
newOptions.add(opt);
}
selectedoptions.remove();
}
上面是jQuery及js操作将多选框的值从左边添加到右边,或从右边删除回左边的代码。
下面是有两个多先框的html代码。
<table cellpadding="5" cellspacing="0" border="0" class="ktable" style="width:98%">
<tr>
<td width="78" align="right"><em>*</em>负责承包商:</td>
<td colspan="3"><input name="textfield" type="text" class="width200" id="textfield" value="关键字" onfocus="this.value=''"/> <a href="#" class="sexybutton"><span><span>查询</span></span></a></td>
</tr>
<tr>
<td></td>
<td width="178"><select name="allContractorList" size="6" multiple="multiple" id="allContractorList" style="height:auto;padding:3px">
<c:forEach items="${list}" var="condto">
<option value="${condto.contractorId }">${condto.contractorName}</option>
</c:forEach>
</select></td>
<td width="62">
<a href="#" class="sexybutton" onclick="moveTo('allContractorList','signpartContractorList')"><span><span>添加>></span></span></a>
<a href="#" class="sexybutton mt5" onclick="moveTo('signpartContractorList','allContractorList')"><span><span><<删除</span></span></a>
</td>
<td width="230"><select name="signpartContractorList" size="6" multiple="MULTIPLE" id="signpartContractorList" style="height:auto;padding:3px">
<c:forEach items="${listSignpartCon}" var="condtosign">
<option value="${condtosign.contractorId }">${condtosign.contractorName}</option>
</c:forEach>
</select></td>
</tr>
</table>
获取Select :
获取select 选中的 text :
1.$("#ddlRegType").find("option:selected").text();
2.nowrow.cells[3].innerText=ops[myselecter.selectedIndex].text;
3.var cityName=$('#cityId1 option:selected').text();
获取select选中的 value:
$("#ddlRegType ").val();
获取select选中的索引:
$("#ddlRegType ").get(0).selectedIndex;
设置select:
设置select 选中的索引:
$("#ddlRegType ").get(0).selectedIndex=index;//index为索引值
设置select 选中的value:
$("#ddlRegType ").attr("value","Normal“);
$("#ddlRegType ").val("Normal");
$("#ddlRegType ").get(0).value = value;
设置select 选中的text:
var count=$("#ddlRegType option").length;
for(var i=0;i<count;i++)
{ if($("#ddlRegType ").get(0).options[i].text == text)
{
$("#ddlRegType ").get(0).options[i].selected = true;
break;
}
}
$("#select_id option[text='jQuery']").attr("selected", true);
设置select option项:
$("#select_id").append("<option value='Value'>Text</option>"); //添加一项option
$("#select_id").prepend("<option value='0'>请选择</option>"); //在前面插入一项option
$("#select_id option:last").remove(); //删除索引值最大的Option
$("#select_id option[index='0']").remove();//删除索引值为0的Option
$("#select_id option[value='3']").remove(); //删除值为3的Option
$("#select_id option[text='4']").remove(); //删除TEXT值为4的Option
清空 Select:
$("#ddlRegType ").empty();
jquery获得值:
.val()
.text()
设置值
.val('在这里设置值')
function moveTo(fromid,toid){
var selectedoptions=jQuery("#"+fromid).find("option:selected");
var newOptions=jQuery("#"+toid).attr('options');
for(var i=0;i< selectedoptions.length;i++){
var opt=new Option(selectedoptions[i].text,selectedoptions[i].value)
newOptions.add(opt);
}
selectedoptions.remove();
}
上面是jQuery及js操作将多选框的值从左边添加到右边,或从右边删除回左边的代码。
下面是有两个多先框的html代码。
<table cellpadding="5" cellspacing="0" border="0" class="ktable" style="width:98%">
<tr>
<td width="78" align="right"><em>*</em>负责承包商:</td>
<td colspan="3"><input name="textfield" type="text" class="width200" id="textfield" value="关键字" onfocus="this.value=''"/> <a href="#" class="sexybutton"><span><span>查询</span></span></a></td>
</tr>
<tr>
<td></td>
<td width="178"><select name="allContractorList" size="6" multiple="multiple" id="allContractorList" style="height:auto;padding:3px">
<c:forEach items="${list}" var="condto">
<option value="${condto.contractorId }">${condto.contractorName}</option>
</c:forEach>
</select></td>
<td width="62">
<a href="#" class="sexybutton" onclick="moveTo('allContractorList','signpartContractorList')"><span><span>添加>></span></span></a>
<a href="#" class="sexybutton mt5" onclick="moveTo('signpartContractorList','allContractorList')"><span><span><<删除</span></span></a>
</td>
<td width="230"><select name="signpartContractorList" size="6" multiple="MULTIPLE" id="signpartContractorList" style="height:auto;padding:3px">
<c:forEach items="${listSignpartCon}" var="condtosign">
<option value="${condtosign.contractorId }">${condtosign.contractorName}</option>
</c:forEach>
</select></td>
</tr>
</table>
发表评论
-
js日期遍历之化繁为简
2016-01-29 09:01 2857如何遍历js的两个日期之间的所有日期或固定时间间 ... -
js全部替换与保留指定字条的正则表达式应用
2014-11-26 17:49 2078虽然经常用正则表达式,发现有很多地方其实不了解,比如这里要说 ... -
jquery 滚动条底部自动加载
2014-09-04 10:43 861jquery 滚动条底部时自动加载更多信息, $(w ... -
滚动条到浏览器底部时自动加载js
2014-08-29 18:00 835$(window).scroll(function() { ... -
jquery验证框架之remote验证方法的扩展使用
2014-06-13 14:18 1018jquery验证框架之remote验 ... -
正则表达式处理img标签
2014-05-29 11:41 10491文章内容中包含有<img>标签内容,但有时候不 ... -
浏览器类型及版本判断
2014-04-09 11:55 1403ie6-10的判断可如下,当然可以 $.browser.m ... -
jquery 浏览器版本
2013-12-06 09:15 769function checkbrowse() { ... -
SecurityContext is empty or contents are anonymous处理
2013-11-30 10:14 6229最近用swfupload做上传,在火狐浏览器下上传操作时 出 ... -
文件上传利器SWFUpload使用指南
2013-11-18 14:44 987文件上传利器SWFUpload使用指南 SWFUplo ... -
js通用跨浏览器回车提交方法
2013-10-24 17:42 1029$('input[type=text]').bind(&q ... -
js读取json文件数据
2013-09-11 14:17 58367通过jquery的 $.getJSON方法能很方便的读取:代码 ... -
javascript 特殊函数讲解
2013-07-26 09:17 1233javascript 特殊函数讲解 ... -
html表单不换行处理
2013-07-15 14:07 1272怪事情,全是字母或数字的时候,单元格不换行。 全中文可以换行 ... -
推荐一个jquery右下角弹出消息插件
2013-06-28 17:14 1140这插件真的不错,实现了在右下角弹出消息提示,调用非常简单 ... -
artDialog说明文档-jquery插件
2013-06-19 22:30 1511artDialog说明文档 artDialo ... -
jquery取得父页面元素
2013-05-27 11:27 8104jquery取得父页面元素方法。 有时候要去修改或取得父页面 ... -
jQuery validate框架使用说明
2013-05-24 15:10 1230官网地址:http:// ... -
jquery 验证remote参数值前面多了逗号,之问题
2013-05-15 16:47 1663jquery 验证remote参数值前 ... -
ie 火狐取得上传文件路径
2012-04-10 10:53 3964<html> <head> ...
相关推荐
jQuery基于imageselect.js插件的示例,下拉框图片选择特效,在Select下拉框中使用图片,并选择图片的功能,加入了一些特效,不仅仅是图片选择。
本文实例讲述了jQuery实现动态加载select下拉列表项功能。分享给大家供大家参考,具体如下: 需求说明: 以前使用的select下拉列表都是静态的,select 的option数据都是写死的。现在项目中的select需要根据不同的...
jQuery formValidator表单验证插件示例源码 jQuery formValidator表单验证插件是什么? jQuery formValidator表单验证插件,它是基于jQuery类库,实现了js脚本于页面html代码的分离。你可以划分多个校验组,每个组的...
jquery的ComboJS,简单易用好上手,附有源码,样式简洁,可自行调整样式,可相应的ComboJS参数。
分别使用javascript原生的方法和jquery方法 代码如下: <select id=”test” name=””> ”1″>text1</option> ”2″>text2</option> </select> 一:javascript原生的方法 1:拿到select对象: var ...
这样就只能用 js + div 来模拟了,倒腾了一番,用jQuery模拟了下,当然网上这种文章也不少,只是懒得去看找 代码如下:<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” ...
本文实例讲述了javascript与jquery动态创建html元素的方法。分享给大家供大家参考,具体如下: 1.javascript创建元素 创建select var select = document.createElement("select"); elect.options[0] = new Option(...
jQuery 国家选择 jQuery Country Select 是 jQuery 的“国家/地区选择器/选择器”插件,它使用所有可用国家/地区填充选择下拉列表并确保选择正确的值。... script src =" path/to/jquery.js " > </ s
省市对应的实现:<还有一些没封装起来> 更具选择的省份来确定市的内容 jsp代码: 代码如下:<body> 省份<select name=”prin”> –请选择– 福建 北京 山东 上海...js代码: 代码如下:function ap
这篇文章主要介绍了jQuery操作选中select下拉框的值代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下 js和jQuery联合操作dom真的很好用,如果不是专业...
jquery Select下拉菜单美化实例,应该是重新定义的Select,并不是在原有的select下拉框基础上扩展的,用jquery和js/CSS共同渲染的一个新的Select效果,完成了Select的功能,甚至比Select更灵活,用法请参见示例文件...
1.jquery+css美化select下拉菜单插件(Stylish Select v0.3)下载 2.jQuery+CSS实现多项选择文本框的插件下载 3.jQuery表单验证插件EasyValidator 2.0带TIP提示效果 4.jQuery导航插件下载之支持三级的Menu暖色...
selectsearch 附带示例. 文件有: jquery1.4.2.js jquery.selectseach.min.js select.html
Select2Buttons是一个能将网页中的select选择框转换成一组按钮的插件。 主要功能特点: 转换select选择框为标签式按钮 支持js回发调用 支持disabled选项 支持将多个select设置为一组 支持取消默认...
1、jquery //获取value值 $("#ddlSubmodel").val(); //获取text值 $("#ddlSubmodel").find("option:selected").text(); 2、javascript //获取value值 document.getElementById("ddlSubmodel").value; //获取text值...
setInterval是一个很有用的js函数,可以用来重复执行某些功能,利用这个我们可以实现一些很有趣的功能,比如: ...jquery 操作 Select</title>[removed][removed][removed] var i=1;var _interval; functio
jQuery获取Select选择的Text和Value: 语法解释: 1. $(“#select_id”).change(function(){//code…}); //为Select添加事件,当选择其中一项时触发 2. var checkText=$(“#select_id”).find(“option:selected”)...
<script type="text/javascript" src="jquery.js"> <script type="text/javascript" src="area.js"> $(function(){ init("province","city","area"); }); <!--这里的lang值为预设选中的数值,也可为空--> ...