HTML_HTML/Xhtml_Webページ制作におけるselectタグの単一選択と複数選択の使い方の詳細説明

@param objSelectId 項目に追加する対象選択コンポーネントのID
@param objItemText 追加する項目の内容
@param objItemValue 追加する項目の値
function addOneItemToSelect(objSelectId ,objItemText,objItemValue) {
var objSelect = document.getElementById(objSelectId);
if (null != objSelect && typeof(objSelect) != "未定義") {
//値が select にアイテムがすでに存在するかどうかを判断します
if(isSelectItemExit(objSelectId,objItemValue)) {
$.messager.alert('プロンプト メッセージ','この値のオプションはすでに存在します!' ,'info');
} else {
var varItem = new Option(objItemText,objItemValue)
objSelect.options.add(varItem);


3. 選択オプションから選択した項目を削除します。複数の選択と複数の削除をサポートします

var objSelect = document.getElementById (objSelectId);
var delNum = 0;
if (null != objSelect && typeof(objSelect) != "未定義") {
for(var i=0;iif(objSelect .options[i].selected) {
objSelect.options.remove(i);
delNum = delNum 1; ;
}
}
if (delNum $.messager.alert('メッセージ', '削除するオプションを選択してください!', '情報') ;
} else {
$.messager .alert('プロンプト メッセージ',''delNum' オプションは正常に削除されました!','info');
}
}
}


4. オプションで指定された値に従ってアイテムを削除を選択します

var objSelect = document.getElementById(objSelectId);
if (null != objSelect && typeof(objSelect) != "unknown") {
// 存在するかどうかを判断します
if(isSelectItemExit(objSelect,objItemValue)) {
for(var i=0;i< ;objSelect.options.length;i ) {
if(objSelect.options[i].value == objItemValue) {
objSelect.options.remove(i);
break;
}
}
$.messager.alert('メッセージ','削除されました!','情報'); 🎜>} else {
$.messager.alert('メッセージ','いいえ、値が指定されたオプションがあります!','info');
}
}
}


5. 選択したオプションをすべてクリアします。

for(var i=0;iobjSelect.options.remove(i);
}


6. select 内のすべての項目を取得し、すべての値をカンマで区切って文字列に組み立てます

var length = objSelect.options.length
for(var i = 0; i if (0 == i) {
selectItemsValuesStr = objSelect.options[i].value;
} else {
selectItemsValuesStr = selectItemsValuesStr "," objSelect.options[i].value;
}
}
}
return selectItemsValuesStr;
}


7. 1 つの選択で選択されたすべてのオプションを別の選択に移動します