HTML中Select的使用詳解

2021-07-15 03:03:24 字數 994 閱讀 7588

calico

tortie

siamese

bmwporsche

mercedes

寶馬保時捷大奔

附:一些select的技巧

1.動態建立select

function createselect()

3.刪除所有選項option

function removeall()

4.刪除乙個選項option

function removeone()

5.獲得選項option的值

var obj=document.getelementbyid('myselect');

var index=obj.selectedindex; //序號,取當前選中選項的序號

var val = obj.options[index].value;

6.獲得選項option的文字

var obj=document.getelementbyid('myselect');

var index=obj.selectedindex; //序號,取當前選中選項的序號

var val = obj.options[index].text;

7.修改選項option

var obj=document.getelementbyid('myselect');

var index=obj.selectedindex; //序號,取當前選中選項的序號

var val = obj.options[index]=new option("新文字","新值");

8.刪除select

function removeselect()

9.設定select optin被中

function removeselect()}}} 1

else 

7頂

html中select的詳解

calico tortie siamese bmwporsche mercedes 寶馬 保時捷大奔 附 一些select的技巧 1.動態建立select function createselect 3.刪除所有選項option function removeall 4.刪除乙個選項option f...

HTML中 select 與datalist的異同

比較 異同點select datalist 多選可以 不可以缺失值 可以不可以 查詢不可以 可以增添選項 不可以可以 選擇 name capital multiple value bj 北京option value jn 山東option value zhzh 河南option select for...

html中select唯讀顯示

因為select下拉框只支援disabled屬性,不支援readonly屬性,而在提交時,disabled的控制項,又是不提交值的。現提供以下幾種解決方案 1 在html中使用以下 在select外層加1個span,通過js控制。這種設定的不足之處是ie瀏覽器相容,firefox及其他不相容.0 1...