jQuery Select菜单二级联动

参考地址: http://wlog.cn/javascript/jquery-select.html

但文中代码只是在UI上实现了要求,在功能上,还会遇到问题。

假如这是一个表单,那么,在提交的时候,POST里面,会有多组city所对应的值。

解决方法:

1、给city所在的select去掉name标签,使其无法提交到POST 2、给选中的city的select添加name标签,使其该选中的city的值可以通过POST等方法进行传递

代码重现:

<script type="text/javascript">
  $(document).ready(function(){
  $("#province").change(function(){
    $("#province option").each(function(i,o){
      if($(this).attr("selected"))
      {
        //隐藏未选中校区的相关信息
        $(".city").hide();
        $('.city').attr('name','');
 
        //显示选中校区的相关信息
        $(".city").eq(i).show();
        $('.city').eq(i).attr('name','city');
      }
    });
  });
    $("#province").change();
  });
</script>

通过该方法,POST中就会得到city的唯一值

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏流媒体人生

lib库转dll库

假如你有从源文件编译好的静态库lib,你希望从这个lib生成对应的dll,你需要一个def文件里面定义导出的符号,这些符号的定义在那个静态库里,你要生成dll了...

13920
来自专栏bdcn

Flask跨域请求的处理方法 原

14620
来自专栏hbbliyong

nginx支持跨域访问

1,进入nginx的html目录  vim ./crossdomain.xml  具体路径: /usr/local/nginx/html/crossdomain...

43380
来自专栏不想当开发的产品不是好测试

jenkins启动失败,提示Starting Jenkins Jenkins requires Java8 or later, but you are running 1.7.0

# 背景 centos安装jenkins后,先启动jenkins服务,结果报错如下: ? 但自己明明已经安装了java8的 # 解决方法 既然安装了java8的...

29660
来自专栏十月梦想

通过post向mysql插入数据

        前面简单介绍了php操作mysql的方法,接下来通过post的方式获取的数据插入mysql!

10730
来自专栏我的博客

MySQL datetime时间误差8个小时

数据库设计为datetime类型,如果自动获取的时间有误差8个小时的可以在mysql的配置文件[msyqld],切记在这个段下面配置 default-time...

68740
来自专栏BeJavaGod

RabbitMQ 一二事(5) - 通配符模式应用

之前的路由模式是通过key相等来匹配 而通配符,顾名思义,符合条件,则进行消息匹配发送 ? 将路由键和某模式进行匹配。此时队列需要绑定要一个模式上。 符号“#”...

34670
来自专栏小白安全

小白博客 sqlmap之POST登陆框注入方式二【自动搜索表单的方式】

sqlmap.py -u "http://192.168.160.1/sqltest/post.php" --forms 它会有几次消息提示: ? ...

1K80
来自专栏小二的折腾日记

服务器-Nginx的事件驱动模型

事件驱动概念:在持续的事物管理过程中,由当前时间节点上出现的事件引起的调用可用资源执行相关任务,解决问题,防止事物堆积的一种策略。 一般由:事件收集器、事件发送...

17440
来自专栏小夜博客

Nginx combined 日志参数记录

468100

扫码关注云+社区

领取腾讯云代金券