javascript操作Select中的options集合
object.options.add(new Option(label,value))方法向集合裡新增一項option物件;
object.options.remove(index)方法移除options集合中的指定項;
object.options(index)或options.item(index)可以透過索引獲取options集合的指定項;
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->function optionsClear(object)
{
var length = object.options.length;
for(var i=length-1;i>=0;i--){
e.options.remove(i);
}
}
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->function addOption(object)
{
object.add(new Option(label,value));
//使用options集合中最後一項獲取焦點
object.selectedIndex = object.lentht-1;
}
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->function removeOption(index)
{
if(index >= 0)
{
object.remove(index);
//使用options集合中最後一項獲取焦點
object.selectedIndex = object.lentht-1;
}
}
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->function getCurrentOptionValue(index)
{
if(index >= 0)
return object(index).value;
}
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->function getCurrentOptionLabel(index)
{
if(index >= 0)
return object(index).text;
}[@more@]
object.options.remove(index)方法移除options集合中的指定項;
object.options(index)或options.item(index)可以透過索引獲取options集合的指定項;
select標記還有一個屬性為selectedIndex,透過它可能獲取當前選擇的option索引:object.selectedIndex
1.清空options集合
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->function optionsClear(object)
{
var length = object.options.length;
for(var i=length-1;i>=0;i--){
e.options.remove(i);
}
}
2.新增一項新option
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->function addOption(object)
{
object.add(new Option(label,value));
//使用options集合中最後一項獲取焦點
object.selectedIndex = object.lentht-1;
}
3.刪除options集合中指定的一項option
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->function removeOption(index)
{
if(index >= 0)
{
object.remove(index);
//使用options集合中最後一項獲取焦點
object.selectedIndex = object.lentht-1;
}
}
4.獲取當前選定的option的真實值value
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->function getCurrentOptionValue(index)
{
if(index >= 0)
return object(index).value;
}
5.獲取當前選定的option的顯示值label
Code highlighting produced by Actipro CodeHighlighter (freeware)
-->function getCurrentOptionLabel(index)
{
if(index >= 0)
return object(index).text;
}
來自 “ ITPUB部落格 ” ,連結:http://blog.itpub.net/7558084/viewspace-1003476/,如需轉載,請註明出處,否則將追究法律責任。
相關文章
- javascript操作Select標記中options集合JavaScript
- JavaScript select options 集合JavaScript
- javascript操作selectJavaScript
- JS對select動態新增options操作[IE&FireFox相容]JSFirefox
- JavaScript操作select控制元件JavaScript控制元件
- Scala 中的集合(一):集合型別與操作型別
- JavaScript動態操作select下拉選單JavaScript
- angularjs: ng-select和ng-optionsAngularJS
- javascript中Array的操作JavaScript
- Struts中html:options的使用HTML
- javascript中的動態集合NodeList&HTMLCollectionJavaScriptHTML
- JavaScript 中的操作符JavaScript
- jquery操作select(取值,設定選中)jQuery
- 原生javascript操作select下拉選單程式碼例項JavaScript
- JavaScript中對陣列的操作JavaScript陣列
- jquery 操作selectjQuery
- JavaScript中 |、& 、!!操作符JavaScript
- 在JavaScript中操作CookieJavaScriptCookie
- JavaScript select 事件JavaScript事件
- JavaScript select remove()JavaScriptREM
- JavaScript select typeJavaScript
- JavaScript select valueJavaScript
- JavaScript select multipleJavaScript
- 04 - Mongdb的集合操作
- JQuery 對 Select option 的操作jQuery
- JavaScript select選中項的value值和文字內容JavaScript
- Oracle 集合操作Oracle
- Js操作Select大全JS
- JavaScript FileList 集合JavaScript
- JavaScript 元素集合JavaScript
- javascript獲取當前li元素在集合中的位置JavaScript
- JavaScript select add()JavaScript
- JavaScript select新增optionJavaScript
- 使用select監視update的操作
- JavaScript中對字串常用的操作方法JavaScript字串
- Redis有序集合操作Redis
- Linq 集合操作
- js 操作select和optionJS