﻿<?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>IT博客-dproc2003-随笔分类-JS</title><link>http://www.cnitblog.com/dproc2003/category/8517.html</link><description /><language>zh-cn</language><lastBuildDate>Wed, 05 Oct 2011 02:39:44 GMT</lastBuildDate><pubDate>Wed, 05 Oct 2011 02:39:44 GMT</pubDate><ttl>60</ttl><item><title>JS操作select</title><link>http://www.cnitblog.com/dproc2003/archive/2009/11/26/62827.html</link><dc:creator>Roc</dc:creator><author>Roc</author><pubDate>Thu, 26 Nov 2009 01:09:00 GMT</pubDate><guid>http://www.cnitblog.com/dproc2003/archive/2009/11/26/62827.html</guid><wfw:comment>http://www.cnitblog.com/dproc2003/comments/62827.html</wfw:comment><comments>http://www.cnitblog.com/dproc2003/archive/2009/11/26/62827.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/dproc2003/comments/commentRss/62827.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/dproc2003/services/trackbacks/62827.html</trackback:ping><description><![CDATA[

首先一个小例子： <form name="selectform" >
<select name="test" id="t" onchange="change()" >
 <option value="1" label="第一" selected="selected">第一</option>
 <option value="2" label="第二">第二</option>
 <option value="3" label="第三">第三</option>
 <option value="4" label="第四">第四</option>
</select>
</form>


首先取得option的value值，相对简单，在select标签上没有value属性，

option的value值就是select的value。

所以求得select value的值的方法如下

var ss = document.selectform.test;

var value= ss.value;//1或者2。。。

很多ide提示在select和option上面都没有selectIndex的属性提示，但是js能通过selectIndex这个属性获取选择项的

相关信息

可能是因为selectIndex是一个动态的列，它总是跟随selected属性改变，所以ide才没有自动提示

获取select text的值方法如下：

var ts1 = ss.options[ss.selectedIndex].text;//第一或者第二。。。

还可以用innerText获取：

var ts2 = ss.options[ss.selectedIndex].innerText;//第一或者第二。。。<img src ="http://www.cnitblog.com/dproc2003/aggbug/62827.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/dproc2003/" target="_blank">Roc</a> 2009-11-26 09:09 <a href="http://www.cnitblog.com/dproc2003/archive/2009/11/26/62827.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item><item><title>MooTools中文介绍</title><link>http://www.cnitblog.com/dproc2003/archive/2009/11/24/62789.html</link><dc:creator>Roc</dc:creator><author>Roc</author><pubDate>Tue, 24 Nov 2009 02:48:00 GMT</pubDate><guid>http://www.cnitblog.com/dproc2003/archive/2009/11/24/62789.html</guid><wfw:comment>http://www.cnitblog.com/dproc2003/comments/62789.html</wfw:comment><comments>http://www.cnitblog.com/dproc2003/archive/2009/11/24/62789.html#Feedback</comments><slash:comments>0</slash:comments><wfw:commentRss>http://www.cnitblog.com/dproc2003/comments/commentRss/62789.html</wfw:commentRss><trackback:ping>http://www.cnitblog.com/dproc2003/services/trackbacks/62789.html</trackback:ping><description><![CDATA[ MooTools是一个简洁，模块化，面向对象的JavaScript框架。它能够帮助你更快，更简单地编写可扩展和兼容性强的JavaScript代码。 
Mootools从Prototype.js中汲取了许多有益的设计理念，语法也和其极其类似。但它提供的功能要比Prototype.js多，整体设计也比Prototype.js要相对完善，功能更强大，比如增加了动画特效、拖放操作等等。

总之，Mootools是一个非常优秀的Javascript框架，更多精髓部分等待你去发掘，希望你也能通过学习和使用而喜欢上Mootools，甚至 
喜欢上Javascript :)
详情参考 ：
http://hi.baidu.com/ssfnadn/blog/item/abc4d1385fcf9a2b97ddd801.html
http://mootools.net/docs/core

MooTools is a compact, modular, Object-Oriented JavaScript framework designed for the intermediate to advanced JavaScript developer. It allows you to write powerful, flexible, and cross-browser code with its elegant, well documented, and coherent API.

MooTools code respects strict standards and doesn't throw any warnings. It's well commented and has meaningful variable names: a joy to browse and a snap to understand.

 <img src ="http://www.cnitblog.com/dproc2003/aggbug/62789.html" width = "1" height = "1" /><br><br><div align=right><a style="text-decoration:none;" href="http://www.cnitblog.com/dproc2003/" target="_blank">Roc</a> 2009-11-24 10:48 <a href="http://www.cnitblog.com/dproc2003/archive/2009/11/24/62789.html#Feedback" target="_blank" style="text-decoration:none;">发表评论</a></div>]]></description></item></channel></rss>