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