无力地垂下

fdggg fdgdf dfg fdggg sdfsdf 

JavaScript Select
使用 select 標籤，我們可以產生單選或是多選的下拉式選單，但是這些選單的選項都是固定的，若要能夠即時改變這些選項，就要靠 JavaScript。本節將說明如何以 JavaScript 來即時改變這些選項，以產生動態的下拉式選單。 假設一個選單的名稱是 theList，那麼它所具有的性質可以說明如下：

theList.options：此選單的選項，是一個陣列 theList.options.length：選項的個數 theList.options[i].text：第 i 個選項的文字 theList.options[i].value：第 i 個選項的值 theList.options.selectedIndex：反白選項的索引值。若無反白選項，則此變數值為 -1。（因此當反白選項存在時，theList.options[theList.options.selectedIndex].text 就是反白選項的文字。） 如果我們要刪除選單的選項，有兩種作法： 使用 theList.options[i]=null 可以直接刪除第 i 個選項。 使用 theList.options.length=n 可以將選項個數設定為 n，其餘多的選項將會被刪除。 若要增加選項，可以使用下列命令： <br>theList.options[i]=new Option(text, value);<br> 其中 text 和 value 分別代表新選項的文字和值。必須小心的是： 如果 0 <= i < theList.options.length，那麼原先的第 i 個選項將會此新選項被取代。 如果 i = theList.options.length，那麼將會產生一個新的選項。 表單元素也是一般瀏覽器物件的一種。 欲存取一般瀏覽器物件的性質，可用下列三種方法： objectName.propertyName 用性質名字來存取物件的性質 objectName["propertyName"] 用性質名字來存取物件的性質，此種方法同等於前一種方法，其好處是： 可將性質名字以字串變數傳入 objectName[index] 用索引來存取物件的性質 例如在上表中，「貴姓大名」欄的字串值可由下列方式得到： document.thisform.username.value document.forms[0].username.value document.thisform.elements[8].value document.forms[0].elements[8].value document.forms[0].elements[8]['value'] document.forms[0]['username']['value'] document['thisform']['username']['value']隨著瀏覽器的更新，表單的性質也會越來越多，其中最重要的性質當然是 elements，這就是表單元素（或稱控制項）所形成的陣列，將會在下一節詳述。 一頁 HTML 中可以包含數個表單，但最好取用不同的名稱，以使 JavaScript 或 VBScript 能根據名稱來存取不同表單。但有時候為了程式碼簡潔，也可以不設定表單的 name 或 id 屬性，此時可以使用 document.forms[0], document.forms[1], document.forms[2] 等等來取得第０、１、２個表單，依此類推。

此外，在使用表單物件時，考慮到表單可能至於框架（Frames）之中，因此取用一個性質的完整方法為：
window.parent.frames[0].document.forms[0].property 但是框架的使用也是越來越少，所以就可以不必這麼麻煩。


.msgcontent .wsharing ul li { text-indent: 0; }



分享

Facebook
Plurk
YAHOO!