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

html中標簽單選多選用法詳解
來源:易賢網 閱讀:1050 次 日期: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)版權所有:易賢網
云南網警報警專用圖標
中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久
亚洲午夜电影在线观看| 亚洲电影免费观看高清完整版在线观看 | 老牛国产精品一区的观看方式| 国产精品久久婷婷六月丁香| 午夜激情综合网| 亚洲电影在线看| 久久精品国产清自在天天线| 黄网动漫久久久| 久久精品二区亚洲w码| 亚洲国产专区校园欧美| 欧美日韩你懂的| 欧美一区午夜视频在线观看| 国产精品久久久久免费a∨大胸 | 美女亚洲精品| 一区二区高清视频| 狠狠色噜噜狠狠色综合久 | 在线播放一区| 国产精品色一区二区三区| 猫咪成人在线观看| 午夜一区在线| 一区二区三区精品在线| 在线播放日韩| 国产一区在线播放| 国产精品老牛| 欧美日韩亚洲一区二区三区在线观看 | 精品动漫一区二区| 国产精品免费一区二区三区在线观看| 久久久精品动漫| 久久国产一区二区| 午夜精品在线| 亚洲私人影院| 一区二区免费在线观看| 在线播放日韩专区| 韩国精品主播一区二区在线观看| 久久婷婷综合激情| 亚洲一区二区三区精品在线观看 | 久久婷婷综合激情| 欧美电影打屁股sp| 亚洲图片欧洲图片av| 亚洲午夜伦理| 欧美一区视频| 欧美噜噜久久久xxx| 欧美日韩国产成人| 欧美中文字幕精品| 欧美激情第五页| 欧美男人的天堂| 欧美日韩在线播放一区二区| 欧美1区2区3区| 欧美色精品天天在线观看视频| 欧美凹凸一区二区三区视频| 欧美国产日韩一区二区在线观看| 麻豆久久婷婷| 国产精品久久久久影院色老大| 国产精品美女xx| 极品少妇一区二区三区| 精品白丝av| 国产精品每日更新| 亚洲第一福利社区| 国产视频一区二区在线观看| 好男人免费精品视频| 亚洲精品九九| 欧美在线观看网站| 欧美极品在线播放| 国产日本亚洲高清| 久久一区二区三区av| 久久久精品国产免大香伊| 中文久久乱码一区二区| 一区二区三区国产在线| 精品成人一区二区三区四区| 亚洲精品久久久久久一区二区| 亚洲性感激情| 欧美视频一区二区三区…| 国内精品一区二区| 亚洲午夜激情网页| 欧美日韩国产一区精品一区 | 欧美日韩在线高清| 国产欧亚日韩视频| 亚洲一二三区视频在线观看| 国产精品一区免费观看| 久久久国产91| 99re6热只有精品免费观看| 国产精品乱码| 亚洲淫片在线视频| 欧美日韩午夜精品| 一区二区三区偷拍| 国产精品日韩欧美一区| 国外精品视频| 亚洲区一区二| 午夜视频在线观看一区二区| 国产精品成人免费视频| 99日韩精品| 欧美日韩国产不卡| 午夜精品久久久久久久久久久 | 国产精品高精视频免费| 在线视频精品一区| 欧美激情精品久久久久久黑人| 欧美一区在线视频| 欧美日韩免费在线观看| 久久成人国产| 欧美精品一卡二卡| av成人黄色| 激情视频亚洲| 国产精品sss| 欧美国产精品v| 午夜精品国产| 日韩亚洲欧美精品| 国产亚洲精品久久久久动| 欧美高清一区| 亚洲欧洲日夜超级视频| 亚洲黄色免费电影| 亚洲欧美不卡| 久久精品五月| 欧美日韩一区二区在线观看视频| 韩国自拍一区| 99精品99| 欧美日韩一区二区精品| 亚洲欧美精品| 国产精品久久久久久久久免费| 欧美日韩午夜精品| 激情综合色综合久久综合| 欧美日韩久久精品| 久久不射中文字幕| 欧美在线日韩在线| 免费观看亚洲视频大全| 国产精品毛片在线| 久久综合中文字幕| aa成人免费视频| 亚洲激情偷拍| **性色生活片久久毛片| 亚洲欧美在线看| 国产欧美精品在线播放| 国产精品99久久久久久www| 国产精品手机视频| 美女脱光内衣内裤视频久久影院| 久久久久久999| 亚洲激情电影中文字幕| 欧美日韩午夜剧场| 欧美区一区二区三区| 国产欧美日韩在线视频| 日韩视频一区二区三区在线播放 | 久久成人免费日本黄色| 在线国产欧美| 亚洲国产一成人久久精品| 欧美一级久久久| 一区二区三区国产在线| 亚洲三级影院| 欧美日韩国内自拍| 欧美激情成人在线| 亚洲激情视频在线观看| 国内一区二区三区| 国产主播一区二区三区| 国产日韩久久| 亚洲欧美日韩久久精品| 黑人一区二区三区四区五区| 亚洲视频在线观看网站| 国产精品99久久久久久久久| 午夜视频久久久| 国语自产在线不卡| 亚洲一区二区毛片| 久久精品一区二区三区四区| 欧美亚洲综合久久| 欧美日韩亚洲一区二区| 亚洲国产精品成人综合色在线婷婷| 亚洲国产日韩欧美在线图片| 一区二区三区自拍| 在线成人亚洲| 国产乱码精品一区二区三区忘忧草| 在线视频一区观看| 欧美日韩精品免费观看| 一区二区三区国产精品| 国产精品三上| 久久精品国产999大香线蕉| 国产自产2019最新不卡| 久久亚洲综合色| 亚洲精品美女久久7777777| 欧美日韩在线观看一区二区三区| 亚洲视频狠狠| 国产精品无人区| 久久久女女女女999久久| 亚洲国产精品久久久久秋霞蜜臀 | 欧美激情视频网站| 一区二区福利| 国产精品一二三四| 久久久久综合一区二区三区| 在线播放中文一区| 欧美日韩国产小视频| 香蕉免费一区二区三区在线观看 | 亚洲一二三级电影| 国产伦精品一区二区三区免费 | 国内成人在线| 久久www免费人成看片高清| 狠狠色丁香婷婷综合影院| 久久青青草综合| 日韩亚洲不卡在线| 女同性一区二区三区人了人一| 99在线热播精品免费| 欧美11—12娇小xxxx| 亚洲午夜精品在线| 亚洲国产精品ⅴa在线观看| 久久亚洲不卡|