JavaEE_day06_JQuery02

一、使用JQ完成省市二级联动：

步骤：
第一步：确定事件(change事件),在绑定的函数里面获取用户选择的省份
第二步：创建二维数组来存储省份和城市
第三步：遍历二维数组中的省份(与用户选择的省份进行比较)【使用JQ的遍历操作】
第四步：接着遍历数组中的城市
第五步：创建一个城市文本节点
第六步：创建option元素节点
第七步：将文本节点添加到元素节点中【使用JQ的文档操作方法】
第八步：获取第二个下拉列表并将option元素节点添加进去
第九步：清除第二个下拉列表的option内容

JS部分代码：

html部分代码：

        --请选择--
        湖北
        湖南
        河南
        河北


                                    

二、使用JQ完成下拉列表左右选择：

Paste_Image.png

步骤：
第一步：确定事件(鼠标单击事件click)
第二步：获取左侧下拉列表被选中的option($(“#left option:selected”)) [假设左侧select定义了一个id=left]
第三步：将获取到的option添加到右侧的下拉列表中去。(append方法的使用)

JS部分代码：

三、使用JQ完成表单校验：

使用validation插件：
代码如下：

    
        
        
        
        
        
        
        
        
    
    
        

            用户名：

            密码：