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

html中select標簽單選多選用法詳解
來源:易賢網 閱讀:1090 次 日期: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)版權所有:易賢網
云南網警報警專用圖標
中文字幕免费精品_亚洲视频自拍_亚洲综合国产激情另类一区_色综合咪咪久久
狠狠色伊人亚洲综合网站色| 国产精品有限公司| 欧美日韩在线电影| 99re视频这里只有精品| 欧美日韩国产成人高清视频| 99热在线精品观看| 国产精品视频久久久| 欧美在线视频在线播放完整版免费观看 | 欧美激情一区二区三区| 亚洲麻豆av| 国产日本欧美一区二区| 另类国产ts人妖高潮视频| 亚洲精品社区| 国产精品午夜在线观看| 久久婷婷综合激情| 亚洲午夜精品国产| 亚洲国产婷婷香蕉久久久久久99| 欧美日韩视频在线第一区| 欧美综合77777色婷婷| 亚洲日本中文字幕| 国产日韩欧美精品在线| 欧美女激情福利| 久久久噜噜噜| 午夜精品福利电影| 日韩午夜精品视频| 狠狠久久五月精品中文字幕| 国产精品啊v在线| 欧美久久久久久蜜桃| 久久九九国产精品怡红院| 亚洲天堂久久| 亚洲靠逼com| 狠狠久久综合婷婷不卡| 国产精品视频自拍| 欧美乱妇高清无乱码| 久久综合一区| 久久免费99精品久久久久久| 亚洲一区二区视频在线| 亚洲精品国产精品国自产观看| 国产一区深夜福利| 国产精品久久久久久久久免费桃花| 免费欧美网站| 免费观看一区| 久久久www成人免费精品| 亚洲免费视频一区二区| 一本色道久久88综合日韩精品| 亚洲国产小视频| 精久久久久久| 激情成人亚洲| 极品av少妇一区二区| 国产亚洲一区在线| 国产一区二区日韩| 国产一区二区三区黄视频| 国产精品一区二区视频| 国产伦精品一区二区三区视频黑人| 国产精品成人国产乱一区| 欧美日韩精品欧美日韩精品 | 欧美一区二区三区免费观看视频| 亚洲精品久久久久久一区二区| 在线国产欧美| 亚洲黄色成人久久久| 亚洲日本成人网| 9久草视频在线视频精品| 亚洲美女电影在线| 亚洲一区二区精品在线| 亚洲综合首页| 久久精品欧美日韩| 老**午夜毛片一区二区三区| 欧美成人四级电影| 欧美日韩国产探花| 国产精品mv在线观看| 国产区欧美区日韩区| 国产亚洲精品aa| 亚洲风情亚aⅴ在线发布| 亚洲人成网在线播放| 99精品热视频| 欧美一级久久久久久久大片| 久久人人97超碰精品888| 欧美国产日韩精品| 国产精品国产一区二区| 国产一区二区在线观看免费播放| 亚洲第一精品夜夜躁人人躁| 一本久道久久综合婷婷鲸鱼| 性8sex亚洲区入口| 欧美77777| 国产精品色婷婷久久58| 影音先锋日韩有码| 一区二区三区欧美成人| 久久久久久一区二区| 欧美日韩一区二区欧美激情| 国产在线观看一区| 日韩一区二区精品葵司在线| 久久精品在这里| 国产精品国产自产拍高清av| 在线播放国产一区中文字幕剧情欧美| 亚洲精品国产精品国自产观看| 亚洲系列中文字幕| 欧美成人网在线| 国产日韩欧美综合| 9人人澡人人爽人人精品| 久久成人18免费网站| 欧美日韩一区二区三区在线看| 激情综合五月天| 亚洲一区二区三区午夜| 欧美二区在线播放| 国内一区二区在线视频观看| 一区二区三区欧美日韩| 免费欧美日韩| 极品少妇一区二区三区精品视频| 亚洲视频一区二区免费在线观看| 欧美ab在线视频| 黄色精品免费| 午夜一级久久| 国产精品va| 99re6热只有精品免费观看 | 国产精品乱子乱xxxx| 亚洲成人原创 | 国产精品一二三四区| 亚洲激精日韩激精欧美精品| 欧美一区二区视频观看视频| 欧美四级在线观看| 最新日韩在线| 久久综合给合| 在线观看视频一区二区欧美日韩 | 亚洲精品乱码久久久久久蜜桃91| 欧美一区免费| 国产日韩精品电影| 午夜日韩在线观看| 国产嫩草影院久久久久| 亚洲一二区在线| 欧美网站在线| 亚洲专区欧美专区| 国产精品久久久久婷婷| 亚洲欧美中文日韩v在线观看| 国产精品白丝av嫩草影院| 在线一区二区日韩| 欧美日韩在线视频一区| 亚洲视频二区| 国产精品乱子久久久久| 亚洲嫩草精品久久| 国产一区二区三区av电影 | 欧美电影免费观看高清| 亚洲第一页中文字幕| 欧美波霸影院| 欧美日韩亚洲综合在线| 国产精品成人在线| 日韩一级免费| 国产精品日韩专区| 欧美一区激情| 国产综合久久久久久鬼色| 欧美在线免费| 国产模特精品视频久久久久| 国产精品久久77777| 亚洲免费观看视频| 一区在线播放| 国产偷国产偷亚洲高清97cao| 女人香蕉久久**毛片精品| 国内精品视频在线观看| 欧美有码视频| 亚洲国产精品第一区二区| 一区二区三区日韩精品| 在线中文字幕不卡| 一区二区高清视频| 一区二区三区在线观看欧美| 国产欧美日韩精品专区| 欧美日韩日韩| 欧美精品亚洲一区二区在线播放| 欧美一区二视频| 国产日韩在线不卡| 欧美v日韩v国产v| 亚洲欧美中文日韩v在线观看| 亚洲激情在线观看视频免费| 99在线精品视频| 国产精品你懂的在线欣赏| 欧美在线播放视频| 亚洲免费av片| 国产真实久久| 欧美视频一区二区在线观看| 久久久久久婷| 亚洲一区国产视频| 在线成人国产| 国产午夜精品久久| 欧美日韩黄色一区二区| 久久久蜜臀国产一区二区| 亚洲午夜一区| 日韩视频在线观看免费| 狠狠色香婷婷久久亚洲精品 | 国产午夜精品在线| 久久久噜噜噜久久人人看| 一本色道久久88精品综合| 国产综合18久久久久久| 欧美日本二区| 久久视频国产精品免费视频在线| 日韩亚洲欧美综合| 一区在线观看视频| 国产欧美日韩精品一区| 欧美黄污视频| 欧美顶级少妇做爰| 久久在线免费观看| 亚洲欧美另类久久久精品2019| 在线观看欧美日本|