﻿<?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-雨晨－rainTime-文章分类-AJAX</title><link>http://www.blogjava.net/ycfdonews/category/26438.html</link><description /><language>zh-cn</language><lastBuildDate>Mon, 25 Feb 2008 19:42:05 GMT</lastBuildDate><pubDate>Mon, 25 Feb 2008 19:42:05 GMT</pubDate><ttl>60</ttl><item><title>javascript操作Select中的options集合</title><link>http://www.blogjava.net/ycfdonews/articles/181939.html</link><dc:creator>Ryan</dc:creator><author>Ryan</author><pubDate>Mon, 25 Feb 2008 03:31:00 GMT</pubDate><guid>http://www.blogjava.net/ycfdonews/articles/181939.html</guid><wfw:comment>http://www.blogjava.net/ycfdonews/comments/181939.html</wfw:comment><comments>http://www.blogjava.net/ycfdonews/articles/181939.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ycfdonews/comments/commentRss/181939.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ycfdonews/services/trackbacks/181939.html</trackback:ping><description><![CDATA[object.options.add(new Option(label,value))方法向集合里添加一项option对象；<br />
object.options.remove(index)方法移除options集合中的指定项；<br />
object.options(index)或options.item(index)可以通过索引获取options集合的指定项；
<p>select标记还有一个属性为selectedIndex，通过它可能获取当前选择的option索引：object.selectedIndex</p>
<p><strong>1.清空options集合</strong></p>
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #0000ff;">function</span><span style="color: #000000;">&nbsp;&nbsp;&nbsp;optionsClear(object)&nbsp;&nbsp;<br />
{&nbsp;&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">var</span><span style="color: #000000;">&nbsp;length&nbsp;</span><span style="color: #000000;">=</span><span style="color: #000000;">&nbsp;object.options.length;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">for</span><span style="color: #000000;">(</span><span style="color: #0000ff;">var</span><span style="color: #000000;">&nbsp;i</span><span style="color: #000000;">=</span><span style="color: #000000;">length</span><span style="color: #000000;">-</span><span style="color: #000000;">1</span><span style="color: #000000;">;i</span><span style="color: #000000;">&gt;=</span><span style="color: #000000;">0</span><span style="color: #000000;">;i</span><span style="color: #000000;">--</span><span style="color: #000000;">){<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;e.options.remove(i);<br />
&nbsp;&nbsp;&nbsp;&nbsp;}<br />
} <br />
</span></div>
<p><strong>2.添加一项新option</strong></p>
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #0000ff;">function</span><span style="color: #000000;">&nbsp;addOption(object)<br />
{&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;object.add(</span><span style="color: #0000ff;">new</span><span style="color: #000000;">&nbsp;Option(label,value));<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000;">//</span><span style="color: #008000;">使用options集合中最后一项获取焦点</span><span style="color: #008000;"><br />
</span><span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;object.selectedIndex&nbsp;</span><span style="color: #000000;">=</span><span style="color: #000000;">&nbsp;object.lentht</span><span style="color: #000000;">-</span><span style="color: #000000;">1</span><span style="color: #000000;">;<br />
}</span></div>
<p><strong></strong></p>
<p><strong>3.删除options集合中指定的一项option<br />
</strong></p>
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #0000ff;">function</span><span style="color: #000000;">&nbsp;removeOption(index)<br />
{<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">if</span><span style="color: #000000;">(index&nbsp;</span><span style="color: #000000;">&gt;=</span><span style="color: #000000;">&nbsp;</span><span style="color: #000000;">0</span><span style="color: #000000;">)<br />
&nbsp;&nbsp;&nbsp;&nbsp;{<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;object.remove(index);<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #008000;">//</span><span style="color: #008000;">使用options集合中最后一项获取焦点</span><span style="color: #008000;"><br />
</span><span style="color: #000000;">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;object.selectedIndex&nbsp;</span><span style="color: #000000;">=</span><span style="color: #000000;">&nbsp;object.lentht</span><span style="color: #000000;">-</span><span style="color: #000000;">1</span><span style="color: #000000;">;<br />
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;}<br />
}</span></div>
<p><strong>4.获取当前选定的option的真实值value</strong><br />
</p>
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #0000ff;">function</span><span style="color: #000000;">&nbsp;getCurrentOptionValue(index)<br />
{&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">if</span><span style="color: #000000;">(index&nbsp;</span><span style="color: #000000;">&gt;=</span><span style="color: #000000;">&nbsp;</span><span style="color: #000000;">0</span><span style="color: #000000;">)<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">return</span><span style="color: #000000;">&nbsp;object(index).value;<br />
}</span></div>
<p><strong>5.获取当前选定的option的显示值label</strong><br />
</p>
<div style="border: 1px solid #cccccc; padding: 4px 5px 4px 4px; background-color: #eeeeee; font-size: 13px; width: 98%;"><!--<br />
<br />
Code highlighting produced by Actipro CodeHighlighter (freeware)<br />
http://www.CodeHighlighter.com/<br />
<br />
--><span style="color: #0000ff;">function</span><span style="color: #000000;">&nbsp;getCurrentOptionLabel(index)<br />
{&nbsp;<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">if</span><span style="color: #000000;">(index&nbsp;</span><span style="color: #000000;">&gt;=</span><span style="color: #000000;">&nbsp;</span><span style="color: #000000;">0</span><span style="color: #000000;">)<br />
&nbsp;&nbsp;&nbsp;&nbsp;</span><span style="color: #0000ff;">return</span><span style="color: #000000;">&nbsp;object(index).text;<br />
}</span></div>
<img src ="http://www.blogjava.net/ycfdonews/aggbug/181939.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ycfdonews/" target="_blank">Ryan</a> 2008-02-25 11:31 <a href="http://www.blogjava.net/ycfdonews/articles/181939.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>AJAX学习－网址备忘录</title><link>http://www.blogjava.net/ycfdonews/articles/151644.html</link><dc:creator>Ryan</dc:creator><author>Ryan</author><pubDate>Wed, 10 Oct 2007 02:35:00 GMT</pubDate><guid>http://www.blogjava.net/ycfdonews/articles/151644.html</guid><wfw:comment>http://www.blogjava.net/ycfdonews/comments/151644.html</wfw:comment><comments>http://www.blogjava.net/ycfdonews/articles/151644.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.blogjava.net/ycfdonews/comments/commentRss/151644.html</wfw:commentRss><trackback:ping>http://www.blogjava.net/ycfdonews/services/trackbacks/151644.html</trackback:ping><description><![CDATA[一.资源类网站<br />
<br />
1,国内网站<br />
1)Ajax中国(推荐)<br />
一个专业的ajax技术网站,分类清晰,有大量的电子版教程,以及AJAX源码下载!<br />
www.okajax.com<br />
<br />
2)ajaxcn.org<br />
李琨老师的blog。李琨:《ajax实战》译者.<br />
www.ajaxcn.org<br />
-----------------------------------------<br />
2,国外网站<br />
1)、Ajax 的诞生 <br />
Ajax: A New Approach to Web Applications <br />
www.adaptivepath.com/publications/essays/archives/000385.php <br />
<br />
2)、AJAX Matters <br />
www.ajaxmatters.com <br />
关于 Ajax 技术一个信息量非常大的网站，有点像 Ajax 世界中的 TSS。 <br />
<br />
3)、AJAX Patterns <br />
与 AJAX 设计模式相关的资源。 <br />
www.ajaxpatterns.org <br />
www.softwareas.com/ajax-patterns <br />
<br />
4)、<a href="http://www.ajaxian.com/" target="_blank">http://www.ajaxian.com</a> <br />
<br />
--------------------------------------------------------------------------------<br />
<br />
二.热门文章<br />
<br />
1.什么是AJAX<br />
www.okajax.com/info/net/20060510.html<br />
2.ajax技术简介<br />
www.okajax.com/info/basic/200604654.html<br />
3.ajax.net<br />
www.okajax.com/info/basic/200604556.html<br />
www.okajax.com/info/tech/200605589.html<br />
weblogs.asp.net/mschwarz/archive/2005/04/11/399893.aspx(英文)<br />
<br />
--------------------------------------------------------------------------------<br />
<br />
三.ajax相关下载（电子书教程/源码）<br />
1.Ajax基础教程电子版<br />
www.okajax.com/info/bookdown/200604950.htm <br />
2.《AJAX实战》ajax in action电子版<br />
www.okajax.com/info/bookdown/200604366.htm<br />
3.AJAX开发简略<br />
www.okajax.com/info/bookdown/20060538.htm<br />
----------------------------<br />
4.AJAX版CD管理系统 (jsp)<br />
www.okajax.com/info/codedown/200604327.htm<br />
5.Alexa 查询系统 (Xmlhttp + Ajax)<br />
www.okajax.com/info/codedown/200604982.htm<br />
6.ASP.NET+AJAX解决网页打开等待问题<br />
www.okajax.com/info/codedown/200604166.htm<br />
7.Ajax技术简介 (ajax demo)<br />
www.okajax.com/info/codedown/200604576.htm<br />
<br />
--------------------------------------------------------------------------------<br />
<br />
四.ajax相关图书<br />
1.《Ajax实战》(目前Ajax领域最为全面深入的一本著作) <br />
www.china-pub.com/computers/common/info.asp?id=28433<br />
2.《Ajax基础教程》（亚马逊计算机榜首图书，国内第1本Ajax图书）<br />
www.china-pub.com/computers/common/info.asp?id=28432<br />
3.《Ajax 修炼之道-Web 2.0 入门》（Ajax从小工到专家的首选图书）<br />
www.china-pub.com/computers/common/info.asp?id=29430<br />
4.《征服Ajax+Lucene构建搜索引擎》<br />
www.china-pub.com/computers/common/info.asp?id=29996<br />
5.《征服Ajax--Web 2.0快速入门与项目实践（.net）》<br />
www.china-pub.com/computers/common/info.asp?id=29995<br />
6.《Ajax开发精要--概念、案例与框架》<br />
www.china-pub.com/computers/common/info.asp?id=30006<br />
[Page] <br />
<br />
<br />
--------------------------------------------------------------------------------<br />
<br />
五.部分技术文章<br />
www.dragonson.com/doc/ajax.html<br />
Ajax内部交流文档 <br />
info96.k12studio.com/~nio/comments.php?id=242_0_1_0_C<br />
简单地对 Ajax 进行描述介绍 <br />
www.adaptivepath.com/publications/essays/archives/000385.php<br />
Ajax: A New Approach to Web Applications <br />
jibbering.com/2002/4/httprequest.html<br />
Using the XML HTTP Request object <br />
developer.apple.com/internet/webcontent/xmlhttpreq.html<br />
Dynamic HTML and XML: The XMLHttpRequest Object <br />
del.icio.us/popular/ajax<br />
del.icio.us / popular / ajax <br />
www.fiftyfoureleven.com/resources/programming/xmlhttprequest/examples<br />
XMLHttpRequest &amp; Ajax Working Examples <br />
www.xml.com/lpt/a/2005/02/09/xml-http-request.html<br />
Very Dynamic Web Interfaces <br />
www.standards-schmandards.com/index.php?2005/03/01/16-ajax-and-accessibility<br />
AJAX and Accessibility <br />
www.xml.com/lpt/a/2005/05/11/ajax-error.html<br />
Errors and AJAX <br />
www.softwareas.com/ajax-patterns<br />
AJAX Patterns: Design Patterns for AJAX Usability <br />
www.backbase.com/download/Whitepaper%20Backbase%20AJAX%20and%20Beyond.pdf<br />
Whitepaper Backbase AJAX and Beyond <br />
www.ajaxpatterns.org/index.php?title=Main_Page<br />
AJAX patterns <br />
www.onlamp.com/pub/a/onlamp/2005/05/19/xmlhttprequest.html <br />
<img src ="http://www.blogjava.net/ycfdonews/aggbug/151644.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.blogjava.net/ycfdonews/" target="_blank">Ryan</a> 2007-10-10 10:35 <a href="http://www.blogjava.net/ycfdonews/articles/151644.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>