Html下拉框Js物件屬性方法總結

2021-07-03 06:07:26 字數 799 閱讀 8647

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

一 select屬性:

length ----------> 顧名思義字指的是下拉框長度

selectedindex ----> 被選中的文字的索引值

二 option屬性

text ---------> 返回文字內容

value ---------> 同上效果 獲取value的值

selected ---------> 是否被選中 是:true 否:false ; 如果指定true 可以改為選中狀態

defaultselected ---> 返回該物件預設是否被選中,true/false

三 option方法

增加add() ---------> obj.options.add(new option("value","text")); 注意new的是option物件大寫o

刪除remove() ----> obj.options.remove(obj.selectedindex);

刪除所有----> obj.options.length = 0 ; 不是什麼removeall 長度改0就好了

獲取選中value---------> obj.options[obj.selectedindex].value;

獲取選中text ---------> obj.options[obj.selectedindex].text;

修改---------> obj.options[obj.selectedindex] = new option("新文字", "值") ;

HTML下拉框繫結XML

一直以來介面上下拉框中的資料,一般都是寫在控制項內。但這樣及其不靈活,需求改變了,下拉框需要追加一些資料,那我們必須重新修改我們控制項中的資料,再將程式打包發布。不僅浪費人力 物力,而且及其不安全。下拉框資料儲存的現在使用的 3種形式 一 具體實現 檔案 考試系統 基礎系統 許可權系統 評教系統 新...

JS封裝的下拉框

根據拼音首字母查詢課程 呼叫 var test2 new shangshu.course.select 1,test2 data test2.init 引數 1.1 排列的序號,當呼叫多個,顯示在最前不會被覆蓋 2.test2 附加在此id下的文字框下 3.data 資料 html script t...

有輸入功能的HTML下拉框

div style position absolute table cellspacing 0 cellpadding 0 border 0 tbody tr td select name districtselect style left 0px top 0px width 100px clip ...