jQuery下拉框使用(一)

来源:互联网 发布:梦想海贼王超进化数据 编辑:程序博客网 时间:2024/05/16 12:02

初学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中 不存在该项");
    }
}



0 0
原创粉丝点击