Mozilla中: addEventListener的使用方式: target.addEventListener(type, listener, useCapture); target: 文档节点、document、window 或 XMLHttpRequest。 type: 字符串,事件名称,不含“on”,比如“click”、“mouseover”、“keydown”等。 listener :实现了 EventListener 接口或者是 JavaScript 中的函数。 useCapture :是否使用捕捉,一般用 false 。例如:document.getElementById("testText").addEventListener("...
jQuery的选择器真的好强大,好灵活。 javascript的原始方法也值得研究。 代码如下: 获得CheckBoxList选中的数量(jQuery与Javascript对照学习/前台与后台) //jQuery的方法(王君) $(function(){ $("#chkBox").click(function(){ alert($("#chkBox input[@type=checkbox]:checked").size()); }); }); //javacript方法(候林) function f(){ var a=document.getElementsByTagName('input') var num=0; for(var i=0;iif(a[i].type=...
首先是html代码,页面上放2个listbox控件和2个按钮用于移动项目 代码如下: 全部水果: 我挑选的: >>" onclick="move('listall','listmy');" /> 下面是在.cs文件中绑定一些数据 代码如下: public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { BindData(); } } private void BindData() { ArrayList list=DataArray(); for (int i =...
代码如下: var Arrchange1 =new Array (); var Arrchange2 =new Array (); var Arrchange3 =new Array (); function hide(s_id,index) { var xxx = document .getElementById (s_id); var oldOption = xxx.children(index); var oldStr = oldOption.innerText; var newOption = document.createElement(']*)(>)/)[2] +'>'); newOption.innerText= oldStr; newOption.swapNode(oldOption); //alert(xxx.innerHTML); } function sho...
对象名.addEventListener("事件名(不带ON)",函数名,true/false);(FF下) 对象名.attachEvent("事件名",函数名);(IE下) 说明: 事件名称,要注意的是"onclick"要改为"click","onblur"要改为"blur",也就是说事件名不要带"on"。 函数名,记住不要跟括号最后一个参数是个布尔值,表示该事件的响应顺序,下面重点介绍一下addEventListener的第3个参数(useCapture)。 userCapture若为true,则浏览器采用Capture,若为false则采用bub...
比如控件就被渲染成了锚点控件,这里要讲的DropDownList控件也一样,被渲染成了普通的select控件,在如下的asp.net页面中定义了一个web服务器控件DropDownList和一个普通的select控件(主要为了对比)。 代码 代码如下: 长沙 北京 天津 漠河 James Green Lily Lucy 在浏览器中查看该页面,并点击查看源文件,不难看出,asp.net页面被渲染成了如下格式: 代码 代码如下: 长沙 北京 天津 漠河 James Green Lily Lucy ...
先看HTML,我们引用Jquery,放两个DropDownList: 代码如下: #ddlEmployeeCars { display:none; position:absolute; top:50px; left:9px; } 接着写核心的Script: 代码如下: $(function() { var $ddl = $("select[name$=ddlEmployee]"); var $ddlCars = $("select[name$=ddlEmployeeCars]"); $ddl.focus(); $ddl.bind("change keyup", function() { if ($(this).val() != "0") { loadEmployeeCars($("select option:s...
代码如下: function GetValue() { var strlist = document.getElementById("ListBox1");//获取Listbox var str= ""; //遍历Listbox,取得选中项的值 if (strlist.options.length > 0) { for (var i = 0; i if (strlist.options[i].selected == true) { var j = strlist.options[i].value; str+=j+","; //把Value值串起来} } var strValue=str.replace(/,$/, ""); //去掉最后一个逗号 alert(strValue); } else { alert("No Item in ...
本文实例讲解了javascript实现listbox左右移动的详细代码,分享给大家供大家参考,具体内容如下 效果图:具体代码:listbox左右移动 选项1 选项2 选项3 选项4 选项5 选项6 选项7 选项8 " /> " /> 选项9 //左移右 /*"/>*/ document.getElementById("add").onclick = function add() { var firstSel = document.getElementById("first"); var option = firstSel.getElementsByTagName("option"); //javascript的数组是动...
用js实现页面的分页: 代码如下: 上一页 下一页 首页 尾 页 getPage()为js函数,如下: 代码如下: //参数说明:lblPostsCount:总共记录条数,由getActivityCount获得;iPageIndex:全局变量,当前页数 function getPage(page) { if(page==0)//回到首页 { iPageIndex=1; document.form1.PageCtl1_select.options[iPageIndex-1].selected="true"; //下拉框显示第几页,数组从0开始 getActivityList(1); } else if(page==...
首先是html代码,页面上放2个listbox控件和2个按钮用于移动项目 代码如下: 全部水果: 我挑选的: >>" onclick="move('listall','listmy');" /> 下面是在.cs文件中绑定一些数据 代码如下: public partial class _Default : System.Web.UI.Page { protected void Page_Load(object sender, EventArgs e) { if (!IsPostBack) { BindData(); } } private void BindData() { ArrayList list=DataArray(); for (int i =...
在您开始本文的阅读前,我强烈建议您可以先读一读此篇:http://w3help.org/zh-cn/causes/SD9004.HTMLCollection 接口定义 interface HTMLCollection{ readonly attribute unsigned long length; Node item(in unsigned long index); Node namedItem(in DOMString name);}对于 HTMLCollection集合对象 必须要说一说的是 namedItem方法. 看看规范的解释.原文:namedItem methodThis metho...
使用场景,比如,选中某个省份,然后下级列表中会显示对应的城市。 1.使用Jquery-1.4.2.js和jquery.SPServices-0.5.7.js。 2.创建主表和子表,建立对应关系。 3.在List的NewItem或者EditItem page中添加Content Editor Webpart,然后在其中添加脚本代码。 4.实现, dropdownObj控件:cascadeDropdownObj控件(该控件是通过脚本附加的):该方法是通过传入参数,来返回对于字表的记录 代码如下:function GetSubDropdown(parameterVal){ c...
HTML: 代码如下: 未选择颜色 : 已选择颜色 : 蓝色 红色132 <select id="colorSelect" multiple="multiple" name="selectColors" ondblclick="listMove(colorSelect,colorUnSelect,hidColorSelect,false,this.selectedIndex)" size="8" style="height: 200px; width: 90%;"> 红色 紫色 黄色 黑色 白色 绿色 粉红色 对应JS方法: 代码如下: function listMove(main, follow, hidetextbox, isBack, inde...
jquery代码 代码如下: $(function() { $("#DropDownList1").bind("change", function() { $("#Label1").text($("#DropDownList1 option:selected").text()); }); 或者 代码如下: $("#DropDownList1").bind("change", function() { $("#Label1").text($("#DropDownList1").val()); }); 其中对这个解释下: var name = $("#DropDownList1 option:selected").val(); //获取dropdownlist 里面选中的值 var name1 = $("#DropDownLis...