jQuery简单表单判断，获取框中的数据动态到添加表格

最新推荐文章于 2024-09-08 21:45:17 发布

w98326angle

最新推荐文章于 2024-09-08 21:45:17 发布

阅读量1.8k

点赞数

文章标签：二级联动 jQuery获取框中的数据添加表格表单的简单判断

本文链接：https://blog.csdn.net/w98326angle/article/details/78519262

版权

本文展示了如何使用jQuery实现二级联动选择省份和城市，获取表单输入的姓名、邮箱和电话，对数据进行简单的格式验证，并将验证通过的数据动态添加到表格中。同时，还实现了点击删除按钮时确认删除表格行的功能。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title></title>
  <style>
   table{
    width: 400px;
   }
   .biao{
    width: 500px;
    margin-top: 60px;
   }
  </style>
  <script type="text/javascript" src="js/jquery-1.11.1.min.js" ></script>
  <script>
   $(function(){
   var cities = [
            ["杭州市","绍兴市","温州市","义乌市","嘉兴市"],
            ["南京市","苏州市","扬州市","无锡市"],
            ["武汉市","襄阳市","荆州市","宜昌市","恩施市"],
            ["石家庄市","唐山市","保定市","邢台市","廊坊市"],
            ["长春市","吉林市","四平市","延边市"]];

var $city = $("#city");

        // 获得代表省份的下拉列表
        $("#province").change(function() {
            // alert(this.value);
            // alert($(this).val());

// 清空第二个列表中的内容
$city.get(0).options.length = 0;

var val = this.value;
//