js的 select物件 和Option物件 小結

2021-07-13 15:26:59 字數 1789 閱讀 7543

select 物件代表 html 表單中的乙個下拉列表。

在 html 表單中,標籤每出現一次,乙個 select 物件就會被建立。

您可通過遍歷表單的 elements 陣列來訪問某個 select 物件,或者使用 document.getelementbyid()。

option 物件代表 html 表單中下拉列表中的乙個選項。

在 html 表單中 標籤每出現一次,乙個 option 物件就會被建立。

您可通過表單的 elements 陣列訪問乙個 option 物件,或者通過使用 document.getelementbyid()。

selct  、option 物件同樣支援標準的 

屬性和 事件。

options   返回包含下拉列表中的所有選項的乙個陣列。

屬性:disabled               設定或返回是否應禁用下拉列表。

form                       返回對包含下拉列表的表單的引用。

length                    返回下拉列表中的選項數目。

multiple                 設定或返回是否選擇多個專案。

name                     設定或返回下拉列表的名稱。

selectedindex       設定或返回下拉列表中被選項目的索引號。

size                          設定或返回下拉列表中的可見行數。

type                          返回下拉列表的表單型別

add()                 向下拉列表新增乙個選項。

remove()            從下拉列表中刪除乙個選項。

option物件的屬性

defaultselected

返回 selected 屬性的預設值。

yesdisabled

設定或返回選項是否應被禁用。

yesform

returns a reference to the form that contains the option

yesindex

返回對包含該元素的 元素的引用。

yesselected

設定或返回 selected 屬性的值。

yestext

設定或返回某個選項的純文字值。

yesvalue

設定或返回被送往伺服器的值。

yes

var select = document.getelementbyid("selectid");

select. options= new option("文字","值") ;

//建立乙個option物件,即在標籤中建立乙個或多個文字

//options是個陣列,裡面可以存放多個文字

這樣的標籤

option的方法:

增加乙個標籤-----obj.options.add(new("文字","值"));《增》

刪除乙個標籤-----obj.options.remove(obj.selectedindex)《刪》

獲得乙個標籤的文字-----obj.options[obj.selectedindex].text《查》

修改乙個標籤的值-----obj.options[obj.selectedindex]=new option("新文字","新值")《改》

刪除所有標籤-----obj.options.length = 0

獲得乙個標籤的值-----obj.options[obj.selectedindex].value

JS物件和物件的應用

1.工場模式和 建構函式模式 工場模式 function students name,age,grade 2.給物件裡面的屬性賦值 stu.name name stu.age age stu.grade grade 3.返回建立好的物件 2.建構函式模式 function box name,age ...

JS簡單操作select和dropdownlist

請選擇 是否 js操作伺服器控制項dropdownlist 選項0 選項1 選項0選項1 js document.getelementbyid ddlfolder value 0 0為你要選中的項的value 2.根據text值設定選中某項 var dropdownlistcurrencynew d...

js物件和jquery物件的區別

js物件,是乙個名值對的無序集合。jquery物件,是jquery特有的物件,只有呼叫jquery框架才存在。其實jquery物件,也是一種js物件。jquery物件和js物件可以相互轉換,例如 div get 即可以把乙個jquery物件轉換為js物件。最主要的區別,js物件上的方法,不能直接用在...