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

html中select標簽單選多選用法詳解
來源:易賢網 閱讀:1089 次 日期:2014-10-27 09:15:17
溫馨提示:易賢網小編為您整理了“html中select標簽單選多選用法詳解”,方便廣大網友查閱!

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;

}

}

}

更多信息請查看IT技術專欄

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

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

  • 報班類型
  • 姓名
  • 手機號
  • 驗證碼
關于我們 | 聯系我們 | 人才招聘 | 網站聲明 | 網站幫助 | 非正式的簡要咨詢 | 簡要咨詢須知 | 新媒體/短視頻平臺 | 手機站點 | 投訴建議
工業和信息化部備案號:滇ICP備2023014141號-1 云南省教育廳備案號:云教ICP備0901021 滇公網安備53010202001879號 人力資源服務許可證:(云)人服證字(2023)第0102001523號
云南網警備案專用圖標
聯系電話:0871-65099533/13759567129 獲取招聘考試信息及咨詢關注公眾號:hfpxwx
咨詢QQ:1093837350(9:00—18:00)版權所有:易賢網
云南網警報警專用圖標
中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久
国内揄拍国内精品久久| 可以看av的网站久久看| 欧美日韩国产综合在线| 久久蜜臀精品av| 欧美美女福利视频| 亚洲乱码一区二区| 欧美视频精品在线| 欧美深夜福利| 国产精品国产馆在线真实露脸| 欧美日韩福利在线观看| 欧美片在线观看| 另类激情亚洲| 久久午夜色播影院免费高清| 裸体一区二区| 欧美日韩国产首页在线观看| 欧美性大战xxxxx久久久| 国产精品国产三级国产aⅴ9色| 国产精品视频观看| 国产一级一区二区| 91久久精品www人人做人人爽| 亚洲精选视频在线| 午夜一级在线看亚洲| 久久婷婷av| 国产午夜精品理论片a级大结局 | 国产精品一区二区在线| 欧美激情欧美狂野欧美精品| 欧美日韩亚洲高清| 国产一区二区三区高清在线观看| 激情成人亚洲| 亚洲一区二区三区成人在线视频精品| 羞羞答答国产精品www一本| 欧美激情精品久久久久久变态 | 国内精品伊人久久久久av一坑| 在线观看亚洲精品视频| 中文高清一区| 欧美精品成人| 亚洲第一精品夜夜躁人人爽| 99国产精品视频免费观看| 欧美诱惑福利视频| 国产精品老牛| 亚洲天堂av综合网| 欧美日韩播放| 亚洲国产精品成人精品| 久久久亚洲高清| 国产日韩精品综合网站| 久热国产精品| 国产精品一区二区你懂得| 亚洲激情网站| 能在线观看的日韩av| 国产一区二区日韩| 亚洲在线国产日韩欧美| 欧美少妇一区二区| 亚洲精品视频啊美女在线直播| 久久国产精品第一页| 国产欧美日韩91| 欧美中文字幕精品| 国产午夜精品视频免费不卡69堂| 亚洲小说春色综合另类电影| 欧美午夜精彩| 小辣椒精品导航| 国内精品久久久久伊人av| 久久不射网站| 亚洲国产日韩在线| 欧美精品一区视频| 亚洲欧美久久久| 国产一区二区无遮挡| 美女成人午夜| 亚洲性感激情| 亚洲国产老妈| 国产日本欧美一区二区三区| 久久国产精品第一页| 亚洲精品在线免费| 国产精品资源在线观看| 美女精品视频一区| 亚洲视频在线免费观看| 国产一区二区三区直播精品电影| 久色成人在线| 欧美一区二区三区视频| 在线日本成人| 国产一区二区三区丝袜| 欧美视频一区二区三区| 久久青青草原一区二区| 亚洲欧美伊人| 亚洲视频成人| 亚洲精品国偷自产在线99热| 国产亚洲精品久久久久婷婷瑜伽| 欧美激情精品久久久| 久久久久在线观看| 欧美一区二区高清| 亚洲精品国产精品乱码不99| 国产真实精品久久二三区| 国产精品久久午夜| 美国成人直播| 久久人人爽爽爽人久久久| 欧美自拍丝袜亚洲| 老牛嫩草一区二区三区日本| 国产精品亚洲精品| 欧美成人综合| 午夜天堂精品久久久久| 9色porny自拍视频一区二区| 在线成人小视频| 国户精品久久久久久久久久久不卡| 国产精品久久婷婷六月丁香| 欧美日韩喷水| 国产精品久线观看视频| 国产裸体写真av一区二区| 国产精品久久久久久久浪潮网站| 欧美日韩亚洲综合在线| 国产精品男gay被猛男狂揉视频| 欧美日韩在线大尺度| 国产精品久久7| 国产午夜精品久久久久久免费视 | 欧美影院一区| 亚洲午夜黄色| 午夜在线成人av| 久久深夜福利免费观看| 欧美激情亚洲国产| 欧美色一级片| 国产精品一二三四区| 精品成人国产在线观看男人呻吟| 好看的日韩av电影| 99精品久久| 欧美一区亚洲二区| 欧美国产精品专区| 国产精品伦子伦免费视频| 在线观看的日韩av| 亚洲美女在线视频| 欧美亚洲日本国产| 欧美日本一道本| 国产嫩草一区二区三区在线观看 | 欧美电影在线播放| 欧美吻胸吃奶大尺度电影| 国产一区二区三区在线观看免费 | 国产精品免费小视频| 国产精品理论片在线观看| 91久久国产综合久久| 久久久久国产一区二区三区四区 | 一本色道久久综合亚洲精品不 | 国产精品尤物| 久久资源av| 蜜桃av一区二区| 精品成人一区| 欧美中文字幕第一页| 欧美日韩亚洲高清一区二区| 亚洲激情网站| 免费观看不卡av| 黄色日韩精品| 老司机精品视频网站| 一区在线观看| 欧美专区日韩视频| 激情综合亚洲| 久久最新视频| 狠狠综合久久av一区二区小说| 亚洲欧美日韩爽爽影院| 国产精品乱码一区二区三区| 99视频日韩| 国产精品丝袜久久久久久app| 亚洲调教视频在线观看| 国产精品推荐精品| 欧美一区网站| 亚洲国产一区二区三区青草影视| 欧美高清在线视频观看不卡| 一区二区国产日产| 国产婷婷色综合av蜜臀av| 欧美在线免费播放| 亚洲国产精品99久久久久久久久| 欧美精品一二三| 欧美怡红院视频一区二区三区| 激情六月婷婷久久| 欧美精品一区视频| 西西人体一区二区| 亚洲国产精品999| 国产精自产拍久久久久久| 久久视频在线视频| 亚洲你懂的在线视频| 亚洲韩国青草视频| 国产精品网站在线播放| 美国十次成人| 久久久久久久网站| 亚洲深夜影院| 亚洲精品欧美| 亚洲精品日韩在线观看| 黄色成人片子| 国产欧美日韩在线播放| 欧美三区在线观看| 欧美日韩二区三区| 欧美视频精品在线观看| 欧美精品综合| 欧美搞黄网站| 欧美激情第一页xxx| 久久综合国产精品台湾中文娱乐网 | 欧美日韩精品一区二区天天拍小说 | 极品av少妇一区二区| 国产一区二区三区免费在线观看 | 亚洲国产99精品国自产| 国产视频观看一区| 国产亚洲人成a一在线v站| 国产亚洲欧美激情| 国产欧美日韩亚州综合| 国产九九视频一区二区三区|