ホームページ  >  記事  >  ウェブフロントエンド  >  Javascript操作の選択メソッドの完全なコレクション[追加、変更、削除、選択、クリア、存在の決定など]_フォームの特殊効果

Javascript操作の選択メソッドの完全なコレクション[追加、変更、削除、選択、クリア、存在の決定など]_フォームの特殊効果

WBOY
WBOYオリジナル
2016-05-16 19:00:221305ブラウズ

js code
// 1. 選択オプションに Value="paraValue" の項目があるかどうかを確認します
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i if (objSelect.options[i].value == objItemValue) {
isExit = true; ;
}
}
return isExit>}


// 2. 項目を選択オプションに追加します
function jsAddItemToSelect(objSelect, objItemText, objItemValue ) {
//存在するかどうかを判断します
if (jsSelectIsExitItem(objSelect, objItemValue)) {
alert("この項目の値はすでに存在します")
} else {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add(varItem);
alert("正常に追加されました")


/ / 3. 選択オプションからアイテムを削除します

function jsRemoveItemFromSelect(objSelect, objItemValue) {
//アイテムが存在するかどうかを確認しますif (jsSelectIsExitItem(objSelect, objItemValue)) { for ( var i = 0; i if (objSelect.options[i].value == objItemValue) {
objSelect.options.remove(i) ;
break ;
} alert("正常に削除されました");
alert("この項目は選択範囲に存在しません"); >}
}



// 4. select

関数で選択した項目を削除します。 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. 選択オプションの value="paraValue" のテキストを "paraText" に変更します

function jsUpdateItemToSelect(objSelect, objItemText, objItemValue ) {
//存在するかどうかを判断します
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i if (objSelect .options[i].value == objItemValue) { objSelect.options[i].text = objItemText; 🎜>alert("正常に変更されました"); } else {
alert("この項目は選択範囲に存在しません")
}
}

// 6. select で text="paraText" を設定します。「最初の項目が選択されています

function jsSelectItemByValue(objSelect, objItemText) {
//それが存在するかどうかを判断します
var isExit = false;
for (var i = 0; i if (objSelect.options[i].text == objItemText) {
objSelect.options[i].selected = true;
isExit = true;
break;
} }
//結果を表示
if (isExit) {
alert("正常に選択されました");
} else {
alert(" この項目は選択範囲に存在しません"); }
}


// 7. value= で項目を設定します。選択対象の「paraValue」

document .all.objSelect.value = objItemValue;


// 8. select
var currSelectValue = document.all.objSelect.value;


// 9. select
var currSelectText = document.all の現在選択されている項目のテキストを取得します。 .objSelect.options[document.all.objSelect.selectedIndex].text;

/// 10. select
var currSelectIndex = document の現在選択されている項目のインデックスを取得します。 .all.objSelect.selectedIndex;

// 11. 選択項目をクリアします
document.all.objSelect.options.length = 0;

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。