まず、一般的な実装アイデアについて説明します。具体的な内容については、以下を参照してください。
選択オプション
に Value="paraValue" の項目があるかどうかを確認します。選択オプションに項目を追加します
選択オプションからアイテムを削除します
選択項目で選択した項目を削除します
選択オプションの value="paraValue" のテキストを "paraText" に変更します
選択内の text="paraText" を持つ最初の項目を選択対象に設定します
select に value="paraValue" を指定した項目を選択状態に設定します
select
の現在選択されている項目の値を取得しますselect
の現在選択されている項目のテキストを取得しますselect
の現在選択されている項目のインデックスを取得します選択した項目をクリア
js コード
// 1. 選択オプションに Value="paraValue" の項目があるかどうかを確認します。
function jsSelectIsExitItem(objSelect, objItemValue) { var isExit =false; for (var i =0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { isExit =true; break; } } return isExit; }
function jsAddItemToSelect(objSelect, objItemText, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { alert("该Item的Value值已经存在"); }else{ var varItem =new Option(objItemText, objItemValue); objSelect.options.add(varItem); alert("成功加入"); } }
function jsRemoveItemFromSelect(objSelect, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i =0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { objSelect.options.remove(i); break; } } alert("成功删除"); }else{ alert("该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; } } }
function jsUpdateItemToSelect(objSelect, objItemText, objItemValue) { //判断是否存在 if (jsSelectIsExitItem(objSelect, objItemValue)) { for (var i =0; i < objSelect.options.length; i++) { if (objSelect.options[i].value == objItemValue) { objSelect.options[i].text = objItemText; break; } } alert("成功修改"); }else{ alert("该select中 不存在该项"); } }
function jsSelectItemByValue(objSelect, objItemText) { //判断是否存在 var isExit =false; for (var i =0; i < objSelect.options.length; i++) { if (objSelect.options[i].text == objItemText) { objSelect.options[i].selected =true; isExit =true; break; } } //Show出结果 if (isExit) { alert("成功选中"); }else{ alert("该select中 不存在该项"); } }
document.all.objSelect.value = objItemValue;
の現在選択されている項目の値を取得します
var currSelectValue = document.all.objSelect.value;
の現在選択されている項目のテキストを取得します
var currSelectText = document.all.objSelect.options[document.all.objSelect.selectedIndex].text;
の現在選択されている項目のインデックスを取得します。
var currSelectIndex = document.all.objSelect.selectedIndex;
document.all.objSelect.options.length =0;