初学web开发,每次使用一个插件都需要百度老半天,倒不如自己对使用到的控件进行总结。
一个不错的jquery下拉框:http://www.jq22.com/yanshi8567。使用这个库文件,利用JS的POST方法,调回数据库的数据动态刷新下拉框是本次操作的主要目的。
(一)建立js函数操作select选项。
(1)js建立函数判断所选项目是否已存在。
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;
}
(2)js建立函数向select添加选项。
function jsAddItemToSelect(objSelect, objItemText, objItemValue) {
var varItem = new Option(objItemText, objItemValue);
objSelect.options.add(varItem);
}
(3)js建立函数删除select选项中的某列。
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中 不存在该项");
}
}