JavaScript初級教程(第五課續(xù))第2/3頁
奇特之處在于這個選單有名稱,但其中的各個選項沒有名稱。例如,在HTML中,第1個選單如下:
<select name="pulldown_1" size="1">
<option>probiscus </option>
<option>spider </option>
<option>lemur </option>
<option>chimp </option>
<option>gorilla </option>
<option>orangutan </option>
</select>
注意這個選單的名稱是pulldown_1,但各個選項沒有名稱。所以要調(diào)用其中的各個選項則有點困難。
幸好數(shù)組可以幫助我們調(diào)用其中的選項。如果你想改變該下列選單中的第2個選項,你可以這樣做:
window.document.form_1.pulldown_1.options[1].text = 'new_text';
這是因為選單的元素有一個選項屬性,而該屬性是選單所有選項的集合而成的數(shù)組。點擊change the selectt然后從下拉選單從下列選單中查看其選項是否已經(jīng)被改變?,F(xiàn)在第2個選項應(yīng)該是*thau*。
除了選項屬性,選單還有一項屬性叫做selectedIndex。一個選項被選擇后,selectedIndex屬性將變成被選項的數(shù)組索引號(序列號)。選擇第2個列表選單中的一個選項,然后檢查索引號。記住數(shù)組中的第1個選項的索引號是0。
<a href="#" onClick="alert('index is: ' + window.document.form_1.list_1.selectedIndex);return false;">check the index.</a>
表單的名稱是form_1,列表選單的名稱是list_1。selectedIndex屬性值為window.document.form_1.list_1.selectedIndex。你還可
以將selectedIndex設(shè)置如下:
window.document.form_1.list_1.selectedIndex = 1;
并高亮度顯示第2個選項。
一旦你得到被選項的索引號,你就可以發(fā)現(xiàn)其內(nèi)容:
var the_select = window.document.form_1.list_1;
var the_index = the_select.selectedIndex;
var the_selected = the_select.options[the_index].text;
selectedIndex屬性很有用,但如果有多個選項同時被選中,會如何呢?
選單元素的處理器為onChange()。當選單發(fā)生變化時,則該處理器被激活。
相關(guān)文章
Javascript中Array.prototype.map()詳解
map 方法會給原數(shù)組中的每個元素都按順序調(diào)用一次 callback 函數(shù)。callback 每次執(zhí)行后的返回值組合起來形成一個新數(shù)組。 callback 函數(shù)只會在有值的索引上被調(diào)用;那些從來沒被賦過值或者使用 delete 刪除的索引則不會被調(diào)用。2014-10-10
Javascript中indexOf()和lastIndexOf應(yīng)用方法實例
這篇文章主要介紹了JavaScript中的indexOf()和lastIndexOf()方法使用實例,是JS入門學(xué)習(xí)中的基礎(chǔ)知識,有需要的朋友可以參考下。2016-08-08
JS?數(shù)組sort方法的升序為什么是a-b你知道嗎
這篇文章主要為大家詳細介紹了JS?數(shù)組sort方法為什么升序是a-b,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下,希望能夠給你帶來幫助2022-02-02
javascript input圖片上傳及預(yù)覽,FileReader預(yù)覽圖片
本文放置了html完成代碼案例,有需要大家可以直接復(fù)制測試功能,采用input文本框圖片上傳,使用FileReader預(yù)覽圖片效果2021-06-06
javascript開發(fā)技術(shù)大全-第1章javascript概述
JavaScript 為 HTML 設(shè)計師提供了一種編程工具HTML 創(chuàng)作者往往都不是程序員,但是 JavaScript 卻是一種只擁有極其簡單的語法的腳本語言!幾乎每個人都有能力將短小的代碼片斷放入他們的 HTML 頁面當中。2011-07-07
De facto standard 世界上不可思議的事實標準
前些天IEBlog中提到實現(xiàn)互通并不是只靠標準就行,其中舉出了一些關(guān)于事實上的標準的考慮——所謂“事實上的標準”,也就是并非標準,但大家都遵循著它去做事情的那么一種東西。2010-08-08
javascript開發(fā)技術(shù)大全 第4章 直接量與字符集
直接量就是在程序中顯示出來的數(shù)值。javascript直接量包括:字符串、數(shù)字、布爾、數(shù)組、函數(shù)、對象、和特殊直接2011-07-07

