jquery或者js对html控件的处理汇总】的更多相关文章

1.下拉列表select的处理 a).后台通过jquery获取的json数据对下拉列表select的赋值操作: html页面:<select name="gameserverlist" id="gameserverlist"  ></select> function JqueryAjaxFun() { $.ajax({ url: "Home/GetGameServerListData", type: "get&q…
插件地址:http://blog.csdn.net/never_say_goodbye/article/details/8598521 先上个效果图: 相比来说,效果还是很不错的 使用MVC3做服务器端的处理时遇到的一大问题是HttpPostedFileBase为null,request.file也为null,这是上面的博客中没有提到的(PHP),一番潜心研究中,发现了Request.InputStream中有数据,于是乎: [HttpPost] public JsonResult FileUp…
在web开发中,总会遇到需要用户输入日期的情况.一般都是提供一个text类型的input供用户输入日期.然而,这种方式,开发人员必须对用户输入的日期进行验证,判断其合法性.除此之外,让用户输入日期也是一件不爽的事,如果用户可以直接选择日期,这两个问题都解决了.          我们也可以自己用javascript写一个日期选择控件,然而,想要写的很好.很漂亮却需要花不少时间和精力.jQuery有一个UI插件: datepicker ,可以帮我们实现该功能,而且界面很漂亮.下面就学学如何使用它吧…
jQuery里面的datepicker日期控件默认是显示英文的,如何让他显示中文或其他呢? [官方的写法]: (1)引入JS文件: <script type="text/javascript" src="JS/ui/jquery-ui-i18n.js"></script> (2)在function中加入语言设置参数为zh-CN,也可以设置日语等其他语言: $.datepicker.setDefaults($.datepicker.region…
原文地址:ADF控件ID变化引发JS无法定位控件的解决方法作者:Nicholas JSFF定义的控件ID到了客户端时往往会改变.例如在JSFF中的一个的ID为"ot1",但是当这个JSFF被嵌入TaskFlow中,并以Region的方式在页面展示时,在浏览器中,此控件的ID就会变成"r1:0:ot1".   ADF动态修改控件ID的原因其实是为了提供重用性的同时防止控件ID的冲突.试想如果有两个JSFF中分别都有一个,其ID均为ot1,那么当这两个JSFF被引入同一…
编写原因: 作为提示框,jquery有个messagebox的控件,也就是弹出的提示框.但这个控件如果不是用在需要确认的时候,单单警告提示.消息提示.失败提示时,用户还需要去点下确认,有时这操作还是挺烦的(尽管可以设置timeout,会自动消失). 控件需求: 现在需要一个简洁消息提示控件,不需确认. 1.提示框可以从顶部或底部滑入,在失效后滑出. 2.可以设置滑入时间,内容停留时间.滑出时间. PS:比较简单的控件 效果如下 编写过程: 1.在无文档的情况下, 我建议将用户能传的参数的定义写在…
function funClear() {var txts = document.getElementsByTagName("input");for (var i = 0; i < txts.length; i++) {if (txts[i].type == "text"||txts[i].type == "checkbox") {txts[i].value = "";} }} 不兼容JQuery EasyUI,因为se…
JS数量输入控件 很早看到kissy首页 有数量输入控件,就随便看了下功能 感觉也不怎么难 所以也就试着自己也做了一个, 当然基本的功能和他们的一样,只是用了自己的编码思想来解决这么一个问题.特此给大家分享下!kissy demo链接 个人编写的 demo链接 下面来一步步分析下我当初写代码的思路: 1. 首先是HTMl代码如下: <h3>demo1:步长为0.8,下限为0, 默认是1</h3> <div id="demo1"></div>…
  用js给html控件赋值 <script> window.onload=function setValue()//在页面加载时赋值 { document.getElementById("你要赋值的控件ID").value=你需要赋的值; //$("#aa").html('给html赋值'); //document.getElementById('aa').innerText='给html赋值'; //document.getElementById('…
2.23 js处理日历控件(修改readonly属性) 前言    日历控件是web网站上经常会遇到的一个场景,有些输入框是可以直接输入日期的,有些不能,以我们经常抢票的12306网站为例,详细讲解如何解决日历控件为readonly属性的问题.    基本思路:先用js去掉readonly属性,然后直接输入日期文本内容一.日历控件    1.打开12306的车票查询界面,在出发日期输入框无法直接输入时间    2.常规思路是点开日历控件弹出框,从日历控件上点日期,这样操作比较烦躁,并且我们测试的…
原文:http://blog.csdn.net/yhhyhhyhhyhh/article/details/50802280   js调用ocx控件的接口函数,先看demo效果:      简单测试过程:两个数相加.      测试插件加载和js传参,js调用ocx控件接口函数的代码(这三个测试代码在一个ocx控件中,如下图所示)下载地址:                      测试插件加载和js传参,js调用ocx控件接口函数的代码       注册ocx(要以管理员身份运行命令窗口cmd)…
利用来JS控制页面控件显示和隐藏有两种方法,两种方法分别利用HTML的style中的两个属性,两种方法的不同之处在于控件隐藏后是否还在页面上占空位. 方法一:  1 2 document.getElementById("EleId").style.visibility="hidden"; document.getElementById("EleId").style.visibility="visible"; 利用上述方法实现隐…
<html> <head> <title> JS给html控件赋值 </title> <script language="javascript" type="text/javascript"> window.onload = function setValue() { document.getElementById("s1").innerHTML = "信息"; do…
原文:js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js操作select控件大全(包含新增.修改.删除.选中.清空.判断存在等) js 代码// 1.判断select选项中 是否存在Value="paraValue"的Item        function jsSelectIsExitItem(objSelect, objItemValue) {            var isExit = false;            for (var i…
原文转自 https://blog.csdn.net/qianbin3200896/article/details/81452822 1.ActiveX控件部分(JS到ActiveX控件)继续上一篇博客中新建的项目,找到DActiveXDemo,右键添加——属性 添加第一个参数,用来传递字符串,具体如下 可以看到在ActiveXDemoCtrl.h文件中创建了一个变量和一个属性修改事件 待会我们我在OnParStrChanged事件中编写参数传递的代码,这里我们先给之前创建的CActiveXDl…
这次的知识点是如何使用js获取checkbox控件所在的是第几行!!! 我们可以使用 JavaScript 中自带的 rowIndex 和 cellIndex 来获取行和列的键值 (从0开始) 这两个一定要记好: var row_num = GV.rows[i].cells[0].children(0).parentNode.parentNode.rowIndex; var col_num = target.parentNode.cellIndex; 获取 parentNode (也就是 td)…
本文所有教程及源码.软件仅为技术研究.不涉及计算机信息系统功能的删除.修改.增加.干扰,更不会影响计算机信息系统的正常运行.不得将代码用于非法用途,如侵立删! Auto.js 特殊定位控件方法 操作环境 win10 nexus5x Auto.js 7.4 VS code 在页面中不能通过id.desc.text定位时通过以下方法定位并提取需要的数据 className("控件类名").depth(控件的depth).indexInParent(控件的indexInParent).fin…
sobox 是一款非常实用的,基于 jQuery 的弹窗控件.功能非常完整,而代码量又非常少(压缩完仅8k不到)的一款弹窗控件,如果你熟悉ext的弹窗控件,那么sobox的使用对你来说应该是愉悦而完全没有压力. 效果预览 引入sobox文件 <link type="text/css" rel="stylesheet" media="all" href="style.css" /> <script type=&…
jquery dialog为我们提供了非常漂亮实用的对话框,比单调的alert.confirm.prompt好用很多. 在使用jquery与.net共同开发时,直接调用jquery dialog的open后,服务器端控件全部失效了,不能执行相应的后台代码.只是源于jquery默认把dialog添加到body中,而不是原来所在的服务器端的form中了 解决方法: 1.可以调用dialog的open前,$("#dialog").parent().appendTo("form:fi…
问题: .html文件头部引入了: <script src="js/jquery.js"></script> <script src="js/jquery.mobile-1.3.2.min.js"></script> 使用jquery.mobile下radio控件: <input type="radio" name="radio-choice" id="radio…
<html> <body> <div id="datagrid"> </div> <div id="pagination"> </div> </body> <script src="http://image.**.com/common/js/jquery-1.8.3.min.js" type="text/javascript">&l…
examples 文档中找到window的例子打开一个 查看其中文件引入 <head>    <title>API</title>    <meta charset="utf-8">    <link href="../content/shared/styles/examples-offline.css" rel="stylesheet">    <link href="…
最近一个项目需要使用一个上传控件进行多图片上传,给用户更好的体验,找到了plupload,用了一下感觉还是不错的, 1.从官网上  可以获得例子 ,我集成到了jsp,如下: <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>      <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Trans…
1. 通过id和类控制 <html> <head> <script src="jquery.js"></script> <script> $(document).ready(function(){ $("#button1").click(function(){ var val = "<div class='mi'>nihao</div>"; jQuery(&quo…
<input type="hidden" name="ImgUrl" readonly="readonly"> <input type="file" id="imgurl_uploadify" /> <img id="imgurl_view" width="100" height="100"/> 最上面的那个in…
人比較懒  有用为主 不怎么排版了 先放上Uploadify的官网链接:http://www.uploadify.com/  -->里面能够看到PHP的演示样例,属性说明,以及控件下载地址.分flash版(免费)和html5版(收费). 官网上能够看到效果演示. 另外在网上找到了一份Uploadify3.2的中文API文档.能够在我上传的资源里面下载. 以下就是一个基于springMVC的文件上传演示样例,看起来可能比文档更直观一些··· 1.下载插件放到项目中 2.在jsp页面中引入下面JS和…
html: <!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表单控件绑定</title></head><body> <!-- v-model在表单控件元素上实现数据的双向绑定 --> <div id="app-1"> <input ty…
//在服务器控件的属性中,需要用<%#...>来绑定其他控件的ID, 并且要在页面初始方法中,执行Page.DataBind(); <asp:ImageButton ID="imgBtnLogin" ImageUrl="~/App_Themes/DefaultTheme/Images/login_10.png" runat="server" BorderStyle="None" OnClientClick='…
非常好用的LODOP打印控件 Lodop打印控件简单使用方法 1.安装. 2.调用LodopFuncs.js文件. 3.增加OBJECT对象 <script language="javascript" src="LodopFuncs.js"></script> <object  id="LODOP" classid="clsid:2105C259-1E0C-4534-8141-A753534CB4CA&qu…
原文:http://blog.sina.com.cn/s/blog_621768f30100qmfz.html 今天找到一个还不错的日历控件 下载地址:http://www.my97.net/dp/down.asp 使用方法: 下载下来压缩包,文件的地方不要改变,就可以了 html的代码: <head> <script language="javascript" type="text/javascript" src="js/My97Dat…