Javascript の選択制御操作 (追加、変更、削除、選択、クリア、存在の決定など) の完全なリスト_フォームの特殊効果

1 選択項目に Value="paraValue" の項目があるかどうかを確認します
2 選択項目に項目を追加します
3 選択項目から項目を削除します
4 選択項目で選択した項目を削除しますオプション
5 選択オプションの value="paraValue" のテキストを「paraText」に変更します
6 選択オプションの text="paraText" の最初の項目を選択対象に設定します
7 の項目を設定します選択対象の select 内の value="paraValue"
8 select の現在選択されている項目の値を取得
9 select の現在選択されている項目のテキストを取得
10 現在選択されている select のインデックスを取得item of select
11 選択項目をクリア
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;
break;
}
}
return isExit;
}
// 2. 項目を選択オプションに追加します
function jsAddItemToSelect(objSelect, objItemText) , objItemValue) {
//存在するかどうかを判断します
if (jsSelectIsExitItem(objSelect , objItemValue)) {
alert("この項目の値はすでに存在します") {
>var varItem = new Option(objItemText, objItemValue);
objSelect.options.add( varItem);
}
}
// 3.選択オプションからアイテムを削除します
function jsRemoveItemFromSelect(objSelect, objItemValue) {
//アイテムが存在するかどうかを判断します
if (jsSelectIsExitItem(objSelect, objItemValue)) {
for (var i = 0; i if (objSelect.options[i] .value == objItemValue) {
objSelect.options.remove(i); }
alert("正常に削除されました");
} else {
alert("このアイテムは選択項目に存在しません");
}
}
/ / 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.選択オプションの 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;
break;
}
} alert("正常に変更されました" );
alert("この項目は選択項目に存在しません" );
}
}
// 6. 選択項目の 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;
}
// 結果を表示
if (isExit) { alert("正常に選択されました");
} else {
alert("項目が選択範囲に存在しません ");
}
}
// 7. select に 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;