中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久

html中標簽單選多選用法詳解
來源:易賢網 閱讀:1107 次 日期:2016-06-16 09:26:03
溫馨提示:易賢網小編為您整理了“html中標簽單選多選用法詳解”,方便廣大網友查閱!

select 元素可創建單選或多選菜單。當提交表單時,瀏覽器會提交選定的項目,或者收集用逗號分隔的多個選項,將其合成一個單獨的參數列表,并且在將 <select> 表單數據提交給服務器時包括 name 屬性。

一、基本用法:

代碼如下:

<select>

<option value =volvo>volvo</option>

<option value =saab>saab</option>

<option value=opel>opel</option>

<option value=audi>audi</option>

</select>

其中,</option>標簽可以省掉,在頁面中用法

代碼如下:

<select name=studycenter id=studycenter size=1>

<option value=0>全部

<option value=1>湖北電大網絡學習中心

<option value=2>成都師范學院網絡學習中心

<option value=3>武漢職業技術學院網絡學習中心

</select>

二、select元素還可以多選,看如下代碼:

代碼如下:

//有multiple屬性,則可以多選

<select name= “education” id=”education” multiple=”multiple”>

<option value=”1”>高中</option>

<option value=”2”>大學</option>

<option value=”3”>博士</option>

</select>

//下面沒有multiple屬性 , 只顯示一條,不能多選

<select name= “education” id=”education” >

<option value=”1”>高中</option>

<option value=”2”>大學</option>

<option value=”3”>博士</option>

</select>

//下面是設置了size屬性的情況 , 如果size = 3 那么就顯示三條數據,注意不能多選的。

<select name=education id=education size='3'>

<option value=0>小學</option>

<option value=1>初中</option>

<option value=2>高中</option>

<option value=3>中專</option>

<option value=4>大專</option>

<option value=5>本科</option>

<option value=6>研究生</option>

<option value=7>博士</option>

<option value=8>博士后</option>

<option selected>請選擇</option>

</select>

三、多選select組件涉及的所有常用操作:

1. 判斷select選項中是否存在指定值的item

代碼如下:

@param objselectid 將要驗證的目標select組件的id

@param objitemvalue 將要驗證是否存在的值

function isselectitemexit(objselectid,objitemvalue) {

var objselect = document.getelementbyid(objselectid);

var isexit = false;

if (null != objselect && typeof(objselect) != undefined) {

for(var i=0;i<objselect.options.length;i++) {

if(objselect.options[i].value == objitemvalue) {

isexit = true;

break;

}

}

}

return isexit;

}

2.向select選項中加入一個item

代碼如下:

@param objselectid 將要加入item的目標select組件的id

@param objitemtext 將要加入的item顯示的內容

@param objitemvalue 將要加入的item的值

function addoneitemtoselect(objselectid,objitemtext,objitemvalue) {

var objselect = document.getelementbyid(objselectid);

if (null != objselect && typeof(objselect) != undefined) {

//判斷是否該值的item已經在select中存在

if(isselectitemexit(objselectid,objitemvalue)) {

$.messager.alert('提示消息','該值的選項已經存在!','info');

} else {

var varitem = new option(objitemtext,objitemvalue);

objselect.options.add(varitem);

}

}

}

3.從select選項中刪除選中的項,支持多選多刪

代碼如下:

@param objselectid 將要進行刪除的目標select組件id

function removeselectitemsfromselect(objselectid) {

var objselect = document.getelementbyid(objselectid);

var delnum = 0;

if (null != objselect && typeof(objselect) != undefined) {

for(var i=0;i<objselect.options.length;i=i+1) {

if(objselect.options[i].selected) {

objselect.options.remove(i);

delnum = delnum + 1;

i = i - 1;

}

}

if (delnum <= 0 ) {

$.messager.alert('提示消息','請選擇你要刪除的選項!','info');

} else {

$.messager.alert('提示消息','成功刪除了'+delnum+'個選項!','info');

}

}

}

4.從select選項中按指定的值刪除一個item

代碼如下:

@param objselectid 將要驗證的目標select組件的id

@param objitemvalue 將要驗證是否存在的值

function removeitemfromselectbyitemvalue(objselectid,objitemvalue) {

var objselect = document.getelementbyid(objselectid);

if (null != objselect && typeof(objselect) != undefined) {

//判斷是否存在

if(isselectitemexit(objselect,objitemvalue)) {

for(var i=0;i<objselect.options.length;i++) {

if(objselect.options[i].value == objitemvalue) {

objselect.options.remove(i);

break;

}

}

$.messager.alert('提示消息','成功刪除!','info');

} else {

$.messager.alert('提示消息','不存在指定值的選項!','info');

}

}

}

5.清空select中的所有選項

代碼如下:

@param objselectid 將要進行清空的目標select組件id

function clearselect(objselectid) {

var objselect = document.getelementbyid(objselectid);

if (null != objselect && typeof(objselect) != undefined) {

for(var i=0;i<objselect.options.length;) {

objselect.options.remove(i);

}

}

}

6. 獲取select中的所有item,并且組裝所有的值為一個字符串,值與值之間用逗號隔開

代碼如下:

@param objselectid 目標select組件id

@return select中所有item的值,值與值之間用逗號隔開

function getallitemvaluesbystring(objselectid) {

var selectitemsvaluesstr = ;

var objselect = document.getelementbyid(objselectid);

if (null != objselect && typeof(objselect) != undefined) {

var length = objselect.options.length

for(var i = 0; i < length; i = i + 1) {

if (0 == i) {

selectitemsvaluesstr = objselect.options[i].value;

} else {

selectitemsvaluesstr = selectitemsvaluesstr + , + objselect.options[i].value;

}

}

}

return selectitemsvaluesstr;

}

7. 將一個select中的所有選中的選項移到另一個select中去

代碼如下:

@param fromobjselectid 移動item的原select組件id

@param toobjectselectid 移動item將要進入的目標select組件id

function moveallselectedtoanotherselectobject(fromobjselectid, toobjectselectid) {

var objselect = document.getelementbyid(fromobjselectid);

var delnum = 0;

if (null != objselect && typeof(objselect) != undefined) {

for(var i=0;i<objselect.options.length;i=i+1) {

if(objselect.options[i].selected) {

addoneitemtoselect(toobjectselectid,objselect.options[i].text,objselect.options[i].value)

objselect.options.remove(i);

i = i - 1;

}

}

}

}

8. 將一個select中的所有選項移到另一個select中去

代碼如下:

@param fromobjselectid 移動item的原select組件id

@param toobjectselectid 移動item將要進入的目標select組件id

function movealltoanotherselectobject(fromobjselectid, toobjectselectid) {

var objselect = document.getelementbyid(fromobjselectid);

if (null != objselect) {

for(var i=0;i<objselect.options.length;i=i+1) {

addoneitemtoselect(toobjectselectid,objselect.options[i].text,objselect.options[i].value)

objselect.options.remove(i);

i = i - 1;

}

}

}

更多信息請查看網頁制作
易賢網手機網站地址:html中標簽單選多選用法詳解
由于各方面情況的不斷調整與變化,易賢網提供的所有考試信息和咨詢回復僅供參考,敬請考生以權威部門公布的正式信息和咨詢為準!

2026上岸·考公考編培訓報班

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
云南網警備案專用圖標
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網
云南網警報警專用圖標
中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久
卡一卡二国产精品| 亚洲欧洲精品天堂一级| 午夜精品一区二区三区在线视| 极品少妇一区二区三区| 国产精品男gay被猛男狂揉视频| 欧美激情2020午夜免费观看| 久久中文字幕一区| 欧美成人三级在线| 欧美日韩一区二区视频在线观看| 欧美日韩一区二区视频在线观看| 欧美日韩免费高清一区色橹橹| 欧美日产国产成人免费图片| 欧美天堂在线观看| 国产午夜精品视频免费不卡69堂| 精品动漫一区| 在线亚洲高清视频| 久久久久久久波多野高潮日日 | 欧美大片免费| 欧美人交a欧美精品| 国产精品日本精品| 国产在线一区二区三区四区| 一区二区在线视频播放| 亚洲人成人77777线观看| 亚洲一区三区视频在线观看| 久久手机免费观看| 国产精品劲爆视频| 亚洲精品少妇30p| 欧美一区二区三区在线看| 免费亚洲一区二区| 国产日韩欧美不卡| 一区二区冒白浆视频| 久久人人爽爽爽人久久久| 国产精品v欧美精品∨日韩| 在线精品一区二区| 亚洲伊人一本大道中文字幕| 欧美成人高清视频| 狠狠色综合网站久久久久久久| 在线性视频日韩欧美| 免费看成人av| 亚洲高清一二三区| 久久九九有精品国产23| 国产欧美精品一区| 亚洲综合三区| 欧美天堂亚洲电影院在线播放| 亚洲美女视频网| 欧美久久久久久久久| 亚洲国产欧美一区二区三区丁香婷| 午夜亚洲视频| 国产麻豆精品视频| 亚洲欧美在线高清| 国产欧美日韩不卡| 久久久国产91| 亚洲国产精品黑人久久久| 久久久天天操| 亚洲国产影院| 欧美日韩一区二区视频在线| 亚洲欧美国产不卡| 国产综合在线视频| 欧美精品一区在线| 一区二区欧美在线观看| 国产精品久久久91| 久久激情综合网| 亚洲国内高清视频| 国产精品久久久久久久久久尿| 欧美亚洲日本国产| 亚洲人成小说网站色在线| 欧美丝袜第一区| 久久久综合免费视频| 亚洲免费观看高清在线观看 | 久久免费99精品久久久久久| 亚洲国产婷婷综合在线精品| 在线日韩av片| 久久婷婷成人综合色| 欧美体内she精视频| 国产伦精品一区二区三区照片91 | 国产精品久久久久久久久久久久| 欧美伊人久久| 久久综合五月| 国产视频久久久久| 午夜精品一区二区三区在线视| 久久爱www| 亚洲国产免费| 国产区日韩欧美| 欧美高清不卡| 久久青青草原一区二区| 一区二区三区欧美日韩| 在线观看三级视频欧美| 国产美女诱惑一区二区| 欧美日韩午夜| 欧美精品久久99| 欧美成人综合一区| 久热精品视频在线观看| 久久久99久久精品女同性| 亚洲男人天堂2024| 国产精品99久久久久久www| 亚洲日本视频| 亚洲精品一区二区三区婷婷月| 黄色影院成人| 在线观看日韩av电影| 国产精品v日韩精品| 亚洲激情婷婷| 亚洲国产精品成人精品| 亚洲激情不卡| 一本大道久久a久久精品综合| 一本色道久久综合亚洲91| 亚洲精品国偷自产在线99热| 亚洲麻豆av| 亚洲无限乱码一二三四麻| 日韩一级免费| 亚洲视频综合| 亚洲精品中文在线| 一区二区三区视频在线观看 | 亚洲综合欧美| 欧美在线免费观看亚洲| 免费精品99久久国产综合精品| 欧美日韩视频在线一区二区观看视频| 欧美va亚洲va日韩∨a综合色| 另类天堂视频在线观看| 欧美日韩视频不卡| 国内精品视频在线观看| 99riav1国产精品视频| 欧美在线观看www| 欧美日韩日本国产亚洲在线| 国产精品亚洲综合一区在线观看| 一色屋精品视频在线观看网站| 亚洲人成网站色ww在线| 小辣椒精品导航| 欧美人与性动交α欧美精品济南到| 国产精品―色哟哟| 亚洲精品网站在线播放gif| 欧美在线播放视频| 欧美~级网站不卡| 国产一区二区精品久久| 亚洲国产一区二区三区在线播| 亚洲午夜激情免费视频| 欧美fxxxxxx另类| 国产一区二区三区四区| 香蕉久久精品日日躁夜夜躁| 欧美激情免费在线| 亚洲成人中文| 美脚丝袜一区二区三区在线观看| 国产日韩欧美另类| 欧美一级欧美一级在线播放| 国产精品久久久久久超碰| 999亚洲国产精| 欧美日韩大片一区二区三区| 亚洲精品乱码久久久久久| 免费成人毛片| 亚洲高清av在线| 欧美精品一区二区三区很污很色的 | 欧美大片18| 亚洲精品午夜精品| 欧美日韩国产在线| 免费av成人在线| 国产一区二区三区在线免费观看 | 影院欧美亚洲| 美女久久一区| 99re8这里有精品热视频免费| 欧美无砖砖区免费| 午夜在线观看免费一区| 国产亚洲欧美一区二区三区| 久久午夜电影网| 亚洲精品久久久久久下一站 | 久久亚洲精品视频| 亚洲国产精品一区在线观看不卡 | 欧美日本二区| 亚洲最新在线视频| 国产一区成人| 欧美日韩视频在线一区二区观看视频| 亚洲综合精品自拍| 性欧美激情精品| 精品不卡在线| 国产欧美高清| 欧美日韩在线免费视频| 欧美在线观看视频一区二区三区 | 国产欧美在线看| 欧美视频在线观看免费| 久久久久成人精品免费播放动漫| 在线视频欧美日韩| 亚洲国产成人久久| 韩国欧美一区| 国产亚洲在线观看| 国产精品久久久久国产精品日日| 免费观看成人www动漫视频| 香蕉av777xxx色综合一区| 亚洲图片在线观看| 国产精品99久久久久久久久久久久 | 欧美亚洲午夜视频在线观看| 99视频精品| 亚洲久久视频| 亚洲欧美日韩一区二区三区在线| 亚洲美女视频在线观看| 亚洲欧洲日产国码二区| 国产亚洲欧美日韩日本| 国产欧美日本一区二区三区| 国产精品视频99| 国产一区二区无遮挡| 国产精品永久免费视频| 午夜视频在线观看一区| 好吊色欧美一区二区三区四区|