﻿<?xml version="1.0" encoding="utf-8" standalone="yes"?><rss version="2.0" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:trackback="http://madskills.com/public/xml/rss/module/trackback/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:slash="http://purl.org/rss/1.0/modules/slash/"><channel><title>BlogJava-学历代表过去，能力代表现在，学习力代表未来！-文章分类-JS&amp;JQuery</title><link>http://www.blogjava.net/ljc-java/category/47795.html</link><description>模仿中成长，在创新中成功！</description><language>zh-cn</language><lastBuildDate>Sun, 14 Jul 2013 05:17:05 GMT</lastBuildDate><pubDate>Sun, 14 Jul 2013 05:17:05 GMT</pubDate><ttl>60</ttl><item><title>jQuery操作radio</title><link>http://www.blogjava.net/ljc-java/articles/401141.html</link><dc:creator>小罗</dc:creator><author>小罗</author><pubDate>Tue, 02 Jul 2013 09:44:00 GMT</pubDate><guid>http://www.blogjava.net/ljc-java/articles/401141.html</guid><wfw:comment>http://www.blogjava.net/ljc-java/comments/401141.html</wfw:comment><comments>http://www.blogjava.net/ljc-java/articles/401141.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ljc-java/comments/commentRss/401141.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ljc-java/services/trackbacks/401141.html</trackback:ping><description><![CDATA[<p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, geneva;">&lt;input type="radio"&gt;如下：<br /><br /></span></p><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />--><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">input&nbsp;</span><span style="color: #FF0000; ">type</span><span style="color: #0000FF; ">="radio"</span><span style="color: #FF0000; ">&nbsp;name</span><span style="color: #0000FF; ">="city"</span><span style="color: #FF0000; ">&nbsp;value</span><span style="color: #0000FF; ">="BeiJing"</span><span style="color: #0000FF; ">&gt;</span>北京<br /><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">input&nbsp;</span><span style="color: #FF0000; ">type</span><span style="color: #0000FF; ">="radio"</span><span style="color: #FF0000; ">&nbsp;name</span><span style="color: #0000FF; ">="city"</span><span style="color: #FF0000; ">&nbsp;value</span><span style="color: #0000FF; ">="TianJin"</span><span style="color: #0000FF; ">&gt;</span>天津<br /><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">input&nbsp;</span><span style="color: #FF0000; ">type</span><span style="color: #0000FF; ">="radio"</span><span style="color: #FF0000; ">&nbsp;name</span><span style="color: #0000FF; ">="city"</span><span style="color: #FF0000; ">&nbsp;value</span><span style="color: #0000FF; ">="NanJing"</span><span style="color: #0000FF; ">&gt;</span>南京<br /><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">input&nbsp;</span><span style="color: #FF0000; ">type</span><span style="color: #0000FF; ">="radio"</span><span style="color: #FF0000; ">&nbsp;name</span><span style="color: #0000FF; ">="city"</span><span style="color: #FF0000; ">&nbsp;value</span><span style="color: #0000FF; ">="YangZhou"</span><span style="color: #0000FF; ">&gt;</span>扬州<br /><span style="color: #0000FF; ">&lt;</span><span style="color: #800000; ">input&nbsp;</span><span style="color: #FF0000; ">type</span><span style="color: #0000FF; ">="radio"</span><span style="color: #FF0000; ">&nbsp;name</span><span style="color: #0000FF; ">="city"</span><span style="color: #FF0000; ">&nbsp;value</span><span style="color: #0000FF; ">="SuZhou"</span><span style="color: #0000FF; ">&gt;</span>苏州</div><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, 'courier new'; font-size: 14px; line-height: 21px;">&nbsp; &nbsp;&nbsp;</span><span style="font-family: verdana, geneva;">1、获取选中的radio的值：<br /></span></p><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->$("input[name='city']:checked").val();</div><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;">　　<span style="font-family: verdana, geneva;">使用元素选择器，再使用属性过滤器name='city'，最后使用:checked选取被选中的元素。</span></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, geneva;">　　2、给指定值的radio设置选中状态：<br /><br /></span></p><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->$("input[name='city'][value='YangZhou']").attr("checked",true);</div><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, geneva;">　　给name="city"而且value="YangZhou"的radio设置选中状态。</span></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, geneva;">　　3、取消name="city"的radio的选中状态：<br /><br /></span></p><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->$('input[name="city"]:checked').attr("checked",false);</div><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, geneva;">　　4、获取name="city"的radio的个数：<br /><br /></span></p><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->$("input[name='city']").length;</div><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, geneva;">　　5、获取name="city"而且索引是偶数的radio:<br /><br /></span></p><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->$("input[name='city']:even");</div><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, geneva;">　　索引是从0开始的。</span></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, geneva;">　　6、获取name="city"而且索引是奇数的radio:<br /><br /></span></p><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->$("input[name='city']:odd");</div><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;">　<span style="font-family: verdana, geneva;">　索引是从0开始的。</span></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, geneva;">　　7、迭代radio:<br /><br /><br /></span></p><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->$("input[name='city']").each(function(i,obj){<br />&nbsp;&nbsp;&nbsp;&nbsp;//i,迭代的下标，从0开始<br />&nbsp;&nbsp;&nbsp;&nbsp;//obj,当前的对象(HTMLInputElement),可以使用obj.value格式获取属性值<br />&nbsp;&nbsp;&nbsp;&nbsp;//$(this);当前jQuery对象,可以使用$(this).val()获取属性值<br />});</div><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;">　<span style="font-family: verdana, geneva;">　迭代name="city"的radio。</span></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, geneva;">　　8、禁用radio:<br /><br /></span></p><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->$("input[name='city']").attr("disabled",true);</div><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;">　　<span style="font-family: verdana, geneva;">禁用name="city"的radio。</span></p><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, geneva;">　　9、启用radio:<br /><br /></span></p><div style="background-color:#eeeeee;font-size:13px;border:1px solid #CCCCCC;padding-right: 5px;padding-bottom: 4px;padding-left: 4px;padding-top: 4px;width: 98%;word-break:break-all"><!--<br /><br />Code highlighting produced by Actipro CodeHighlighter (freeware)<br />http://www.CodeHighlighter.com/<br /><br />-->$("input[name='city']").attr("disabled",false);</div><p style="margin-top: 10px; margin-bottom: 10px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 13px; line-height: 19px; background-color: #ffffff;"><span style="font-family: verdana, geneva;">　　启用name="city"的radio。</span></p><img src ="http://www.blogjava.net/ljc-java/aggbug/401141.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ljc-java/" target="_blank">小罗</a> 2013-07-02 17:44 <a href="http://www.blogjava.net/ljc-java/articles/401141.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>jquery-autocomplete</title><link>http://www.blogjava.net/ljc-java/articles/363160.html</link><dc:creator>小罗</dc:creator><author>小罗</author><pubDate>Tue, 08 Nov 2011 03:41:00 GMT</pubDate><guid>http://www.blogjava.net/ljc-java/articles/363160.html</guid><wfw:comment>http://www.blogjava.net/ljc-java/comments/363160.html</wfw:comment><comments>http://www.blogjava.net/ljc-java/articles/363160.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ljc-java/comments/commentRss/363160.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ljc-java/services/trackbacks/363160.html</trackback:ping><description><![CDATA[<div><p style="text-indent: 2em">jquery-autocomplete学习</p> <p style="text-indent: 2em">一、用前必备</p> <p style="text-indent: 2em">官方网站：<a href="http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/" rel="nofollow">http://bassistance.de/jquery-plugins/jquery-plugin-autocomplete/</a></p> <p style="text-indent: 2em">当前版本：1.0.2</p> <p style="text-indent: 2em">需要JQuery版本：1.2.6</p> <p style="text-indent: 2em">二、使用</p> <p style="text-indent: 2em">&lt;script src="./jquery-1.3.2.js"  type="text/javas<wbr>cript"&gt;&lt;/script&gt;</p> <p style="text-indent: 2em">&lt;script src="./jquery.autocomplete.js"  type="text/javas<wbr>cript"&gt;&lt;/script&gt;</p> <p style="text-indent: 2em">&lt;link rel="stylesheet"  href="./jquery.autocomplete.css" /&gt;</p> <p style="text-indent: 2em">autocomplete( url or da<wbr>ta, options ) Returns:  jQuery</p> <p style="text-indent: 2em">让一个input或textarea有autocomplete功能</p> <p style="text-indent: 2em">例子</p> <p style="text-indent: 2em">Js代码</p> <p style="text-indent: 2em">var da<wbr>ta = "Core Selectors Attributes  Traversing Manipulation CSS Events Effects Ajax Utilities".split("  ");&nbsp;<wbr>&nbsp;<wbr></p> <p style="text-indent: 2em">$("#example").autocomplete(da<wbr>ta);</p> <p style="text-indent: 2em">以上的例子就是为id为example添加autocomplete</p> <p style="text-indent: 2em">var emails = [</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> { name: "Peter Pan", to: "<a href="http://mm.ala.blog.163.com/blog/static/30516034200992913015903/peter@pan.de">peter@pan.de</a>" },</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> { name: "Molly", to: "<a href="http://mm.ala.blog.163.com/blog/static/30516034200992913015903/molly@yahoo.com">molly@yahoo.com</a>" },</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> { name: "Forneria Marconi", to:  "<a href="http://mm.ala.blog.163.com/blog/static/30516034200992913015903/live@japan.jp">live@japan.jp</a>" },</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> { name: "Master  &lt;em&gt;Sync&lt;/em&gt;", to: "<a href="http://mm.ala.blog.163.com/blog/static/30516034200992913015903/205bw@samsung.com">205bw@samsung.com</a>" },</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> { name: "Dr.  &lt;strong&gt;Tech&lt;/strong&gt; de Log", to: "<a href="http://mm.ala.blog.163.com/blog/static/30516034200992913015903/g15@logitech.com">g15@logitech.com</a>" },</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> { name: "Don Corleone", to: "<a href="http://mm.ala.blog.163.com/blog/static/30516034200992913015903/don@vegas.com">don@vegas.com</a>" },</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> { name: "Mc Chick", to: "<a href="http://mm.ala.blog.163.com/blog/static/30516034200992913015903/info@donalds.org">info@donalds.org</a>" },</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> { name: "Donnie Darko", to: "<a href="http://mm.ala.blog.163.com/blog/static/30516034200992913015903/dd@timeshift.info">dd@timeshift.info</a>" },</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> { name: "Quake The Net", to: "<a href="http://mm.ala.blog.163.com/blog/static/30516034200992913015903/webmaster@quakenet.org">webmaster@quakenet.org</a>" },</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> { name: "Dr. Write", to: "<a href="http://mm.ala.blog.163.com/blog/static/30516034200992913015903/write@writable.com">write@writable.com</a>" }</p> <p style="text-indent: 2em">];</p> <p style="text-indent: 2em">//emails的数组格式如上，formatItem代表的是显示的格式，formatMatch表示匹配的内容，formatResult表示结果的内容</p> <p style="text-indent: 2em">$("#suggest13").autocomplete(emails, {</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> minChars: 0,</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> width: 310,</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> matchContains: true,</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> autoFill: false,</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> formatItem: function(row, i, max)  {</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> return i  + "/" + max + ": \"" + row.name + "\" [" + row.to + "]";</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> },</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> formatMatch: function(row, i,  max) {</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> return  row.name + " " + row.to;</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> },</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> formatResult: function(row) {</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> return  row.to;</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> }</p> <p style="text-indent: 2em">});</p> <p style="text-indent: 2em">三、参数说明：</p> <p style="text-indent: 2em">* minChars (Number):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>  在触发autoComplete前用户至少需要输入的字符数.Default: 1，如果设为0，在输入框内双击或者删除输入框内内容时显示列表</p> <p style="text-indent: 2em">* width (Number):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> 指定下拉框的宽度. Default: input元素的宽度</p> <p style="text-indent: 2em">* max (Number):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> autoComplete下拉显示项目的个数.Default:  10</p> <p style="text-indent: 2em">* delay (Number):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>  击键后激活autoComplete的延迟时间(单位毫秒).Default: 远程为400 本地10</p> <p style="text-indent: 2em">* autoFill (Boolean):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> 要不要在用户选择时自动将用户当前鼠标所在的值填入到input框.  Default: false</p> <p style="text-indent: 2em">* mustMatch (Booolean):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>  如果设置为true,autoComplete只会允许匹配的结果出现在输入框,所有当用户输入的是非法字符时将会得不到下拉框.Default: false</p> <p style="text-indent: 2em">* matchContains (Boolean):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> 决定比较时是否要在字符串内部查看匹配,如ba是否与foo  bar中的ba匹配.使用缓存时比较重要.不要和autofill混用.Default: false</p> <p style="text-indent: 2em">* selectFirst (Boolean):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>  如果设置成true,在用户键入tab或return键时autoComplete下拉列表的第一个值将被自动选择,尽管它没被手工选中(用键盘或鼠标).当然如果用户选中某个项目,那么就用用户选中的值.  Default: true</p> <p style="text-indent: 2em">* cacheLength (Number):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>  缓存的长度.即对从数据库中取到的结果集要缓存多少条记录.设成1为不缓存.Default: 10</p> <p style="text-indent: 2em">* matchSubset (Boolean):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>  autoComplete可不可以使用对服务器查询的缓存,如果缓存对foo的查询结果,那么如果用户输入foo就不需要再进行检索了,直接使用缓存.通常是打开这个选项以减轻服务器的负担以提高性能.只会在缓存长度大于1时有效.Default:  true</p> <p style="text-indent: 2em">* matchCase (Boolean):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>  比较是否开启大小写敏感开关.使用缓存时比较重要.如果你理解上一个选项,这个也就不难理解,就好比foot要不要到FOO的缓存中去找.Default:  false</p> <p style="text-indent: 2em">* multiple (Boolean):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> 是否允许输入多个值即多次使用autoComplete以输入多个值.  Default: false</p> <p style="text-indent: 2em">* multipleSeparator (String):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> 如果是多选时,用来分开各个选择的字符. Default:  ","</p> <p style="text-indent: 2em">* scroll (Boolean):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> 当结果集大于默认高度时是否使用卷轴显示 Default:  true</p> <p style="text-indent: 2em">* scrollHeight (Number):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> 自动完成提示的卷轴高度用像素大小表示 Default:  180&nbsp;<wbr>&nbsp;<wbr></p> <p style="text-indent: 2em">* formatItem (Function):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>  为每个要显示的项目使用高级标签.即对结果中的每一行都会调用这个函数,返回值将用LI元素包含显示在下拉列表中. Autocompleter会提供三个参数(row,  i, max): 返回的结果数组, 当前处理的行数(即第几个项目,是从1开始的自然数), 当前结果数组元素的个数即项目的个数. Default: none,  表示不指定自定义的处理函数,这样下拉列表中的每一行只包含一个值.</p> <p style="text-indent: 2em">* formatResult (Function):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>  和formatItem类似,但可以将将要输入到input文本框内的值进行格式化.同样有三个参数,和formatItem一样.Default:  none,表示要么是只有数据,要么是使用formatItem提供的值.</p> <p style="text-indent: 2em">* formatMatch (Function):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> 对每一行数据使用此函数格式化需要查询的数据格式.  返回值是给内部搜索算法使用的. 参数值row</p> <p style="text-indent: 2em">* extraParams (Object):</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>  为后台(一般是服务端的脚本)提供更多的参数.和通常的作法一样是使用一个键值对对象.如果传过去的值是{ bar:4  },将会被autocompleter解析成my_autocomplete_backend.php?q=foo&amp;bar=4 (假设当前用户输入了foo).  Default: {}</p> <p style="text-indent: 2em">* result (handler) Returns: jQuery</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> 此事件会在用户选中某一项后触发，参数为：</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> event: 事件对象.  event.type为result.</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> da<wbr>ta: 选中的数据行.</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> formatted:formatResult函数返回的值</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr> 例如：</p> <p style="text-indent: 2em">&nbsp;<wbr>&nbsp;<wbr>&nbsp;<wbr>  $("#singleBirdRemote").result(function(event, da<wbr>ta, formatted) {</p> <p style="text-indent: 2em">//如选择后给其他控件赋值，触发别的事件等等</p> <p style="text-indent: 2em">});</p> <p style="text-indent: 2em">四、注意问题：</p> <p style="text-indent: 2em">1.网上有人说对中文的检索时处理有问题，经过测试此版本没有问题^-^</p> <p style="text-indent: 2em">2.在使用远程地址时，它默认传入的参数是：q（输入值），limit（返回结果的最大值），可以使用extraParams传入其他的参数</p> <p style="text-indent: 2em">3.autocomplete在使用ajax传递参数时，默认使用了get方式传递，也实在是没有找到可以通过参数提交post方式的办法。</p> <p style="text-indent: 2em">解决方式1：在使用ajax的get方式传递中文时，使用new  String(request.getParameter("q").getBytes("iso8859-1"),"utf-8")获得参数值</p> <p style="text-indent: 2em">解决方式2：修改jquery.autocomplete.js代码，把get方式修改为post方式，然后参见之前ajax解决中文乱码的问题的</p> <p style="text-indent: 2em">&nbsp;</p> <p style="text-indent: 2em">转载：<a href="http://blog.sina.com.cn/s/blog_608475eb0100g6qc.html" rel="nofollow">http://blog.sina.com.cn/s/blog_608475eb0100g6qc.html</a></p></div><img src ="http://www.blogjava.net/ljc-java/aggbug/363160.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ljc-java/" target="_blank">小罗</a> 2011-11-08 11:41 <a href="http://www.blogjava.net/ljc-java/articles/363160.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>javascript: 确认删除对话框的实现</title><link>http://www.blogjava.net/ljc-java/articles/346607.html</link><dc:creator>小罗</dc:creator><author>小罗</author><pubDate>Sat, 19 Mar 2011 11:57:00 GMT</pubDate><guid>http://www.blogjava.net/ljc-java/articles/346607.html</guid><wfw:comment>http://www.blogjava.net/ljc-java/comments/346607.html</wfw:comment><comments>http://www.blogjava.net/ljc-java/articles/346607.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ljc-java/comments/commentRss/346607.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ljc-java/services/trackbacks/346607.html</trackback:ping><description><![CDATA[<p style="line-height: normal; color: #555555; font-family: Tahoma; font-size: 14px; ">确认删除对话框的实现<br style="line-height: normal; " />
&lt;script language="JavaScript"&gt;<br style="line-height: normal; " />
function delete_confirm(e)&nbsp;<br style="line-height: normal; " />
{<br style="line-height: normal; " />
if (event.srcElement.outerText=="删除")<br style="line-height: normal; " />
event.returnValue=confirm("您确认执行删除操作么？");<br style="line-height: normal; " />
}<br style="line-height: normal; " />
document.onclick=delete_confirm;<br style="line-height: normal; " />
&lt;/script&gt;&nbsp;<br style="line-height: normal; " />
<br style="line-height: normal; " />
可以实现对链接删除的确认，即"删除"两字链接<br style="line-height: normal; " />
&lt;script language="JavaScript"&gt;<br style="line-height: normal; " />
function delete_confirm(e) {<br style="line-height: normal; " />
if (event.srcElement.value=="删除")<br style="line-height: normal; " />
event.returnValue=confirm("您确认执行删除操作么？");<br style="line-height: normal; " />
}<br style="line-height: normal; " />
<br style="line-height: normal; " />
document.onclick=delete_confirm;<br style="line-height: normal; " />
&lt;/script&gt;&nbsp;<br style="line-height: normal; " />
<br style="line-height: normal; " />
可以实现对按钮删除的确认用<br style="line-height: normal; " />
&lt;script language="JavaScript"&gt;<br style="line-height: normal; " />
function delete_confirm(e)<br style="line-height: normal; " />
{<br style="line-height: normal; " />
if (event.srcElement.value=="删除" )<br style="line-height: normal; " />
event.returnValue=confirm("您确认执行删除操作么？");<br style="line-height: normal; " />
elseif (event.srcElement.outerText=="删除")<br style="line-height: normal; " />
event.returnValue=confirm("您确认执行删除操作么？");<br style="line-height: normal; " />
}document.onclick=delete_confirm;<br style="line-height: normal; " />
&lt;/script&gt;<br style="line-height: normal; " />
<br style="line-height: normal; " />
实现对链接或按钮删除的确认<br style="line-height: normal; " />
&lt;script language="JavaScript"&gt;<br style="line-height: normal; " />
function delete_confirm(e)<br style="line-height: normal; " />
{<br style="line-height: normal; " />
if(event.srcElement.outerText=="删除" || event.srcElement.value=="删除")event.returnValue=confirm("删除后将不能恢复，您确认执行删除操作么？");<br style="line-height: normal; " />
}<br style="line-height: normal; " />
document.onclick=delete_confirm;<br style="line-height: normal; " />
&lt;/SCRIPT&gt;&nbsp;<br style="line-height: normal; " />
<br style="line-height: normal; " />
实现更简单！删除时确认<br style="line-height: normal; " />
&lt;a href="javascript:if(confirm("确实要删除吗?"))location="boos.asp?&amp;areyou=删除&amp;page=1""&gt;删除&lt;/a&gt;</p>
<p style="line-height: normal; color: #555555; font-family: Tahoma; font-size: 14px; "></p>
<p style="line-height: normal; color: #555555; font-family: Tahoma; font-size: 14px; ">或者:</p>
<p style="line-height: normal; color: #555555; font-family: Tahoma; font-size: 14px; ">&lt;script language="JavaScript"&gt;&nbsp;<br style="line-height: normal; " />
function cform(){&nbsp;<br style="line-height: normal; " />
if(!confirm("是否要删除？"))&nbsp;<br style="line-height: normal; " />
return false;&nbsp;<br style="line-height: normal; " />
}&nbsp;<br style="line-height: normal; " />
&lt;/script&gt;&nbsp;<br style="line-height: normal; " />
<br style="line-height: normal; " />
&lt;a href="" onclick="return cform();"&gt;删除&lt;/a&gt;</p>
<img src ="http://www.blogjava.net/ljc-java/aggbug/346607.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ljc-java/" target="_blank">小罗</a> 2011-03-19 19:57 <a href="http://www.blogjava.net/ljc-java/articles/346607.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>