本篇內(nèi)容介紹了“javascript中options集合的用法”的有關(guān)知識，在實(shí)際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細(xì)閱讀，能夠?qū)W有所成！

創(chuàng)新互聯(lián)公司-專業(yè)網(wǎng)站定制、快速模板網(wǎng)站建設(shè)、高性價比宜君網(wǎng)站開發(fā)、企業(yè)建站全套包干低至880元,成熟完善的模板庫,直接使用。一站式宜君網(wǎng)站制作公司更省心,省錢,快速模板網(wǎng)站建設(shè)找我們，業(yè)務(wù)覆蓋宜君地區(qū)。費(fèi)用合理售后完善，十多年實(shí)體公司更值得信賴。

object.options.add(new Option(label,value))方法向集合里添加一項(xiàng)option對象；
object.options.remove(index)方法移除options集合中的指定項(xiàng)；
object.options(index)或options.item(index)可以通過索引獲取options集合的指定項(xiàng)；

select標(biāo)記還有一個屬性為selectedIndex，通過它可能獲取當(dāng)前選擇的option索引：object.selectedIndex

1.清空options集合

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->function   optionsClear(object)  
{  
var length = object.options.length;
for(var i=length-1;i>=0;i--){
e.options.remove(i);
}
}

2.添加一項(xiàng)新option

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->function addOption(object)
{
object.add(new Option(label,value));
//使用options集合中最后一項(xiàng)獲取焦點(diǎn)
   object.selectedIndex = object.lentht-1;
}

3.刪除options集合中指定的一項(xiàng)option

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->function removeOption(index)
{
if(index >=0)
{
object.remove(index);
//使用options集合中最后一項(xiàng)獲取焦點(diǎn)
       object.selectedIndex = object.lentht-1;
}
}

4.獲取當(dāng)前選定的option的真實(shí)值value

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->function getCurrentOptionValue(index)
{
if(index >=0)
return object(index).value;
}

5.獲取當(dāng)前選定的option的顯示值label

Code highlighting produced by Actipro CodeHighlighter (freeware)
http://www.CodeHighlighter.com/

-->function getCurrentOptionLabel(index)
{
if(index >=0)
return object(index).text;
}

“javascript中options集合的用法”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注創(chuàng)新互聯(lián)網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實(shí)用文章！