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

html中標簽單選多選用法詳解
來源:易賢網 閱讀:1052 次 日期:2016-06-16 09:11:59
溫馨提示:易賢網小編為您整理了“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)版權所有:易賢網
云南網警報警專用圖標
中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久
性久久久久久| 午夜一区不卡| 亚洲理论电影网| 国产精品多人| 欧美一级二区| 在线观看的日韩av| 欧美日韩第一页| 欧美在线视频导航| 1024欧美极品| 久热这里只精品99re8久| 亚洲欧洲日本mm| 免费观看亚洲视频大全| 亚洲第一福利在线观看| 欧美日韩一级大片网址| 亚洲激情一区| 国产精品高潮呻吟久久av无限| 日韩一级免费| 国产精品视频久久久| 久久久久网站| 一区二区av| 在线看成人片| 国产亚洲欧美日韩在线一区| 欧美理论在线| 久久综合给合久久狠狠色 | 伊人久久亚洲热| 欧美日韩一区二区免费在线观看| 欧美伊人久久久久久久久影院| 亚洲国产专区| 国产一区二区三区高清| 欧美日韩国产高清| 噜噜噜91成人网| 久久精品99国产精品酒店日本| 性欧美1819性猛交| 午夜精品美女久久久久av福利| 在线视频免费在线观看一区二区| 国产在线拍偷自揄拍精品| 国内成+人亚洲| 久久只精品国产| 一区二区三区欧美激情| 合欧美一区二区三区| 欧美日韩第一页| 欧美一区1区三区3区公司| 伊人久久婷婷色综合98网| 国产日韩在线亚洲字幕中文| 欧美日本亚洲韩国国产| 美日韩精品免费观看视频| 久久精品国产77777蜜臀 | 国产偷自视频区视频一区二区| 亚洲精品一二区| 亚洲国产精品一区二区久 | 国内外成人在线| 欧美日韩不卡一区| 欧美午夜精品电影| 国产精品人人做人人爽人人添| 最新高清无码专区| 亚洲精品国产拍免费91在线| 在线视频成人| 亚洲精品国产视频| 99re视频这里只有精品| 正在播放日韩| 久久成人国产| 午夜免费日韩视频| 亚洲精品中文在线| 亚洲国产第一页| 亚洲国产三级网| 亚洲精品中文字幕有码专区| 好吊一区二区三区| 红桃视频成人| 国产日韩欧美在线播放不卡| 国产午夜久久久久| 国内偷自视频区视频综合| 亚洲精品欧美专区| 艳妇臀荡乳欲伦亚洲一区| 中文日韩在线| 午夜天堂精品久久久久| 欧美成人视屏| 欧美三级电影一区| 在线精品视频免费观看| 亚洲人成艺术| 久久爱91午夜羞羞| 欧美日韩ab片| 好看的亚洲午夜视频在线| 9色精品在线| 裸体丰满少妇做受久久99精品 | 亚洲一区视频在线| 久久久久久久999精品视频| 欧美freesex8一10精品| 国产欧美视频在线观看| 中国女人久久久| 欧美激情一区二区三区在线| 国产一区二区主播在线| 亚洲精品你懂的| 老巨人导航500精品| 欧美成人免费大片| 欧美视频在线观看一区二区| 亚洲国产91| 久久久久久久久久久成人| 国产精品久久久久久久久免费樱桃| 影音先锋国产精品| 欧美综合第一页| 国产伦精品一区二区三区免费迷| 亚洲深夜影院| 欧美三级电影精品| 欧美高清不卡| 国内精品国产成人| 欧美在线影院| 国产欧美一区二区三区另类精品| 一区二区三区高清视频在线观看 | 国产一区日韩欧美| 欧美影院成人| 国产一区观看| 香蕉成人久久| 久久久久久亚洲精品不卡4k岛国| 国产精品一区二区三区免费观看| 日韩一区二区福利| 国产精品视频一区二区高潮| 亚洲特级片在线| 国产农村妇女毛片精品久久莱园子| 亚洲午夜一区二区| 国产农村妇女精品一区二区| 久久久久高清| 亚洲国产日韩精品| 欧美在线视频在线播放完整版免费观看| 欧美日韩另类一区| 亚洲国产小视频| 亚洲欧美日韩在线播放| 一色屋精品亚洲香蕉网站| 久久久久免费观看| 狠狠久久婷婷| 亚洲一区二区三区精品在线观看| 欧美精品一区在线观看| 日韩亚洲国产精品| 欧美日韩一区二区三区在线 | 国产无一区二区| 欧美一区二区免费| 亚洲国产精品va在看黑人| 欧美日韩色一区| 欧美亚洲三区| aa级大片欧美| 国产专区欧美专区| 欧美激情四色| 卡一卡二国产精品| 亚洲天堂网在线观看| 激情丁香综合| 国产精品夜夜夜一区二区三区尤| 麻豆av一区二区三区久久| 亚洲欧美日韩另类| 亚洲伦理网站| 亚洲国产精品一区二区www在线 | 亚洲精品色图| 国产午夜精品一区二区三区视频| 欧美成人午夜视频| 久久中文字幕一区二区三区| 亚洲欧美一级二级三级| 日韩一区二区精品葵司在线| 亚洲黑丝一区二区| 香蕉久久夜色精品国产使用方法 | 亚洲一区久久久| 亚洲人成人77777线观看| 国产欧美精品在线| 欧美激情国产高清| 欧美www在线| 裸体素人女欧美日韩| 久久久久欧美精品| 久久男人资源视频| 久久久高清一区二区三区| 欧美影院成年免费版| 日韩一级在线观看| 狠狠综合久久av一区二区老牛| 国产精品v亚洲精品v日韩精品| 欧美精品在线视频| 久久久免费精品视频| 欧美一区亚洲| 欧美一区二区三区播放老司机| 校园春色综合网| 久久成人人人人精品欧| 一本一本久久a久久精品牛牛影视| 国产精品综合av一区二区国产馆| 欧美人与性动交α欧美精品济南到 | 欧美日韩国产片| 老司机午夜精品| 男人的天堂成人在线| 欧美了一区在线观看| 欧美激情第三页| 欧美日韩不卡视频| 欧美日韩综合视频| 欧美中文在线观看| 亚洲免费影视| 欧美自拍偷拍| 欧美gay视频| 欧美激情中文不卡| 欧美精品啪啪| 欧美日韩精品欧美日韩精品一 | 亚洲国产精品综合| 99国产精品久久久久久久成人热| 亚洲开发第一视频在线播放| 一区二区三区.www| 久久久久.com| 欧美成人首页| 国产色婷婷国产综合在线理论片a|