ホームページ >ウェブフロントエンド >jsチュートリアル >js_form 特殊効果を使用して選択コントロールを操作するいくつかの方法

js_form 特殊効果を使用して選択コントロールを操作するいくつかの方法

WBOY
WBOYオリジナル
2016-05-16 18:25:421215ブラウズ

1 選択項目に Value="paraValue" の項目があるかどうかを確認します
2 選択項目に項目を追加します
3 選択項目から項目を削除します
4 選択項目で選択した項目を削除します
5 選択項目の value="paraValue" のテキストを「paraText」に変更します
6 選択項目の text="paraText" の最初の項目を選択対象に設定します
7 値の項目を設定します選択対象のselect内の="paraValue"
8 selectの現在選択されている項目の値を取得
9 selectの現在選択されている項目のテキストを取得
10 現在選択されている項目のIndexを取得選択の
11 選択した項目をクリア

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

js コード
// 1選択オプション
function jsSelectIsExitItem(objSelect, objItemValue) {
var isExit = false;
for (var i = 0; i if (objSelect.options[i].value == objItemValue) {
break;
}
return isExit; ;
}

// 2. 選択オプションに移動します。項目を追加します。
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
// 存在するかどうかを確認します
if ( jsSelectIsExitItem(objSelect, objItemValue)) {
alert("アイテムの値はすでに存在します ");
} else {
var varItem = new Option(objItemText, objItemValue); .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);
} }
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= のテキストを変更します。 「paraText」の選択オプションの「paraValue」
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("正常に変更されました");
} else {
alert("この項目は選択範囲に存在しません");
}

// 6. 選択内の text="paraText" の最初の項目を Select
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" を含む項目
function check(){
var c = document.all.objSelect;
for (var i=0;iif (c.options(i).value==paraValue){
c.selectedIndex =i;
}
}
}

// 8. select の現在選択されている項目の値を取得します。
var currSelectValue = document.all.objSelect.value

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

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

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

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