国产99久久精品_欧美日本韩国一区二区_激情小说综合网_欧美一级二级视频_午夜av电影_日本久久精品视频

最新文章專題視頻專題問答1問答10問答100問答1000問答2000關鍵字專題1關鍵字專題50關鍵字專題500關鍵字專題1500TAG最新視頻文章推薦1 推薦3 推薦5 推薦7 推薦9 推薦11 推薦13 推薦15 推薦17 推薦19 推薦21 推薦23 推薦25 推薦27 推薦29 推薦31 推薦33 推薦35 推薦37視頻文章20視頻文章30視頻文章40視頻文章50視頻文章60 視頻文章70視頻文章80視頻文章90視頻文章100視頻文章120視頻文章140 視頻2關鍵字專題關鍵字專題tag2tag3文章專題文章專題2文章索引1文章索引2文章索引3文章索引4文章索引5123456789101112131415文章專題3
問答文章1 問答文章501 問答文章1001 問答文章1501 問答文章2001 問答文章2501 問答文章3001 問答文章3501 問答文章4001 問答文章4501 問答文章5001 問答文章5501 問答文章6001 問答文章6501 問答文章7001 問答文章7501 問答文章8001 問答文章8501 問答文章9001 問答文章9501
當前位置: 首頁 - 科技 - 知識百科 - 正文

js操作select控件的幾種方法_表單特效

來源:懂視網 責編:小采 時間:2020-11-27 20:49:43
文檔

js操作select控件的幾種方法_表單特效

js操作select控件的幾種方法_表單特效:1判斷select選項中 是否存在Value=paraValue的Item 2向select選項中 加入一個Item 3從select選項中 刪除一個Item 4刪除select中選中的項 5修改select選項中 value=paraValue的text為paraText 6設置select中text=p
推薦度:
導讀js操作select控件的幾種方法_表單特效:1判斷select選項中 是否存在Value=paraValue的Item 2向select選項中 加入一個Item 3從select選項中 刪除一個Item 4刪除select中選中的項 5修改select選項中 value=paraValue的text為paraText 6設置select中text=p

1判斷select選項中 是否存在Value="paraValue"的Item
2向select選項中 加入一個Item
3從select選項中 刪除一個Item
4刪除select中選中的項
5修改select選項中 value="paraValue"的text為"paraText"
6設置select中text="paraText"的第一個Item為選中
7設置select中value="paraValue"的Item為選中
8得到select的當前選中項的value
9得到select的當前選中項的text
10得到select的當前選中項的Index
11清空select的項

======================================================================

js 代碼
// 1.判斷select選項中 是否存在Value="paraValue"的Item
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
isExit = true;
break;
}
}
return isExit;
}

// 2.向select選項中 加入一個Item
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
//判斷是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
alert("該Item的Value值已經存在");
} else {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add(varItem);
alert("成功加入");
}
}

// 3.從select選項中 刪除一個Item
function jsRemoveItemFromSelect(objSelect, objItemValue) {
//判斷是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
objSelect.options.remove(i);
break;
}
}
alert("成功刪除");
} else {
alert("該select中 不存在該項");
}
}


// 4.刪除select中選中的項
function jsRemoveSelectedItemFromSelect(objSelect) {
var length = objSelect.options.length - 1;
for(var i = length; i >= 0; i--){
if(objSelect[i].selected == true){
objSelect.options[i] = null;
}
}
}

// 5.修改select選項中 value="paraValue"的text為"paraText"
function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) {
//判斷是否存在
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].value == objItemValue) {
objSelect.options[i].text = objItemText;
break;
}
}
alert("成功修改");
} else {
alert("該select中 不存在該項");
}
}

// 6.設置select中text="paraText"的第一個Item為選中
function jsSelectItemByValue(objSelect, objItemText) {
//判斷是否存在
var isExit = false;
for (var i = 0; i < objSelect.options.length; i++) {
if (objSelect.options[i].text == objItemText) {
objSelect.options[i].selected = true;
isExit = true;
break;
}
}
//Show出結果
if (isExit) {
alert("成功選中");
} else {
alert("該select中 不存在該項");
}
}

// 7.設置select中value="paraValue"的Item為選中
function check(){
var c = document.all.objSelect;
for (var i=0;iif (c.options(i).value==paraValue){
c.selectedIndex =i;
}
}
}


// 8.得到select的當前選中項的value
var currSelectValue = document.all.objSelect.value;

// 9.得到select的當前選中項的text
var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;

// 10.得到select的當前選中項的Index
var currSelectIndex = document.all.objSelect.selectedIndex;

// 11.清空select的項
document.all.objSelect.options.length = 0;

聲明:本網頁內容旨在傳播知識,若有侵權等問題請及時與本網聯系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com

文檔

js操作select控件的幾種方法_表單特效

js操作select控件的幾種方法_表單特效:1判斷select選項中 是否存在Value=paraValue的Item 2向select選項中 加入一個Item 3從select選項中 刪除一個Item 4刪除select中選中的項 5修改select選項中 value=paraValue的text為paraText 6設置select中text=p
推薦度:
標簽: 方法 特效 js
  • 熱門焦點

最新推薦

猜你喜歡

熱門推薦

專題
Top
主站蜘蛛池模板: 国产精品特级毛片一区二区三区 | 国产日韩欧美一区 | 蜜臀91精品国产高清在线观看 | 久久国产欧美日韩高清专区 | 国内精品一区二区2021在线 | 视频一区二区免费 | 日韩欧美在线电影 | a免费国产一级特黄aa大 | 日韩欧美一区二区三区在线播放 | 美日韩在线视频 | 国产伦精品一区二区三区视频小说 | 一区二区三区精品 | 久久大香香蕉国产免费网vrr | 欧美日韩在线观看免费 | 一区二区电影 | 亚洲精品国产成人99久久 | 亚洲精品美女久久久aaa | 99精品高清视频一区二区 | 精品欧美在线观看 | 日韩午夜电影 | 国产日韩欧美在线观看不卡 | 不卡在线一区 | 日韩在线二区 | 久久综合精品国产一区二区三区无 | 欧美在线一区二区三区精品 | 欧美日本韩国一区二区 | 成人精品一区二区三区 | 久久无码av三级 | 91久久精品国产91久久性色也 | 国产一区亚洲欧美成人 | 国产九九精品 | 久久精品无码一区二区日韩av | 中文国产成人精品久久一 | 欧美日韩视频一区三区二区 | 国产日韩一区二区三区在线观看 | 999国产精品999久久久久久 | 日本一区二区不卡在线 | 国产一区二区三区久久 | 欧美成人一区二区三区在线视频 | 国产精品日本一区二区不卡视频 | 欧美激情免费观看一区 |