1、用jquery获取input输入框的值比用js获取要方便的多,不过如果你刚接触jquery,还是很容易出错的!下面来看看我用jquery获 取input文本输入框值的经历! 刚开始我以为用jquery取值和JavaScript取值是一样的过程,于是在用$("#id")来获得页面的input元 素的时候,发现$("#id").value不能取到值,后来经查证才知道:$("")是一个jquery对象,而不是一个dom element value是dom element的属性 jquery与之对应的是val val() :获得第一个匹配元素的当前值。val(val):设置每一个匹配元素的值。
所以代码应该这样写:
取值:val = $("#id")[0].value;
赋值:$("#id")[0].value = "new value";
或者$("#id").val("new value");
或者这样也可以:val = $("#id").attr("value");
2、$("#selectDemo").find("option:selected").text():获取选中的下拉框中的值
在flexigrid中获取记录信息
$('.trSelected', grid).find("td:first").eq(i).text();//获取选中的记录的第一个字段的值,即ID的值
$('.trSelected', grid).length;//选中的记录条数
3、确认删除提示框的格式
confirm('是否删除这 '+selected_count + ' 条记录吗?')
4、readonly和disable属性的设置为true or false, 当为true时,则使这些控件不可输入
即:$('# TypeUP').attr("readonly",true);
$('# TypeUP').attr("disabled",false);
5、去掉文本框内值前后空格
$.trim($("#keywords").val());
6、jquery+flexigrid解决中文乱码问题
javascript 里用 encodeURI("中文String") 进行编码发送 // 地址栏里直接传送中文
若是在地址栏直接传送中文,则要进行两次转码 encodeURI(encodeURI("中文String"))// java中接收同时解码
//java中解码回来用 java.net.URLDecoder.decode("接收到的String","UTF-8"
前台:
//encodeURI(encodeURI(keywords):将页面录入中文进行编码,在后台再解析
$("#listTab").flexOptions({"url":url+"&lang=cn"+"&keywords="+ encodeURI(encodeURI(keywords)) });
后台:
//将页面传人的中文信息进行解析
java.net.URLDecoder.decode(form.getRequest().getParameter("keywords"),"UTF-8");
7、将查询到的数据填充下拉列表框内容
ajaxAddOptions("<%=request.getContextPath()%>/help.do ", [$("#selectDemo")], "id", "cell");
function ajaxAddOptions(url, targets, id, text){
$.each(targets, function(i){//遍历
var target=targets[i];
target.empty();
if(target.attr("id")=="selectDemo"){
target.append("<option value=''></option>");
}
});
$.getJSON(url, function(json){
$(json).each(function(i){
var x = json[i];
$.each(targets, function(i){
var target=targets[i];
target.append("<option value='" + eval_r("x." + id) + "'>" eval_r("x." + text) + "</option>" )
});
})
});
}
相关推荐
jquery+flexigrid使用方法.pdfjquery+flexigrid使用方法.pdf
struts2+spring3+hibernate3+jquery+flexigrid+mysql实例
jquery+flexigrid+json的java例子(网上收集的) 适合初学的兄弟姐妹们参考~~
NULL 博文链接:https://johlon.iteye.com/blog/1039655
SSH整合学习过程中的一个实例,麻雀虽小五脏俱全!应用到了SSH整合应用及Jquery框架flexigrid插件,实现列表数据显示。以下是主要整合配置和JAVA源码(带注释)
jquery表格插件Flexigrid 将数据按照表格排列,类似与ext。
jquery flexigrid;jquery flexigrid
采用 LINQ to SQL+Flexigrid for JQuery and Json 创建的ASP.NET MVC 模式程序例子。
使用了框架是Struts1+hibernate+spring 集成了JQuery的FlexiGrid表格插件以及 jsmodal弹出框插件 一个增删改列表 数据库使用的是MYSQL 内有建表语句 数据库配置请自行配置本机数据库
WEB开发示例:MVC + Flexigrid
struts2.1.6+spring+hibernate+jquery+flexigrid+thickbox+mysql Struts2返回Json类型,分页显示在flexigrid表中 下载后进行评价获得积分:评价时要选择五角星才能获取积分,不然分数还是会被扣除
jquery 表格插件 Flexigrid
jquery flexigrid与jquery tablesort 配合实现flexigrid的客户端排序功能。jsp项目,无需数据库即可运行
<link rel="stylesheet" type="text/css" href="css/flexigrid.css" /> <script type="text/javascript" src="jquery-1.2.3.pack.js"> <script type="text/javascript" src="flexigrid.js"> $(document).ready...
Jquery FlexiGrid JS 前后台数据的传值、对象 前台使用FlexiGrid 插件显示数据条数 注意:action层变量名对应
这个控件也比较好看和实用, 我在网上看到了很多功能但是都很散, 我添加了一些功能,比如可以添加 复选框 , 行按钮 等操作, 对控件有一定的可控性操作, 这个和 Extjs 的相似,但是js 包资源很小, 带项目还是蛮不错的....
使用Jquery编写的仿Ext的表格,自带排序分页等功能。
基于jQuery的网格插件Flexigrid很棒,网上有很多资料,但没有一篇文章是介绍如何与IntraWeb结合使用的。这里给大家开个头,让咱们一同来开发Flexigrid的强大功能。为便于新同学调试,系统自带MDB数据库。 另外,买一...
JQuery_插件FlexiGrid_之完全配置与使用