关于select下拉框显示内容改变

图片说明

            如图,默认两个下拉框都是显示请选择,想要的效果是我两个都选择之后,当我更换上面的公司,下面的批次号显示出来的自动变成请选择,剩下的里面可选择项已经通过ajax改变了,这个没问题。试了好几种方法都行不通。代码如下:
     $("select[name='companyId']").click(function(){
                var str = $(this).val();
                $("select[name='batchId']").empty();
                $.ajax({
                    type:"post",
                    url:"${ctx}/operating/process/operatingProcessMachining/getBatchIdByCompanyId",
                    data:{companyId:str},
                    dataType:"json",
                    success:function(obj){
                        for(var i=0;i<obj.length;i++){
                            $("select[name='batchId']").append("<option value="+obj[i]+" name="+obj[i]+">"+obj[i]+"</option>");
                        }
                    }
                });
            });
        });
 <div class="control-group">
            <label class="control-label">进场批次号:</label>
            <div class="controls">
                <form:select path="batchId" class="input-xxlarge required" style="width:285px">
                    <form:option  value="" label="请选择" selected="selected"/>
                </form:select>
                <span class="help-inline"><font color="red">*</font> </span>
            </div>
        </div>

4个回答

 for(var i=0;i<obj.length;i++){
                            $("select[name='batchId']").append("<option value="+obj[i]+" name="+obj[i]+">"+obj[i]+"</option>");
}
这里只有添加下拉的逻辑,没有设置选择的逻辑,下面加上
$("select[name='batchId']").value="你要选择的那条的value";
qq_38615635
这是五个字 这两种写法都试了一下,不行啊。我是想要改变公司的时候下边批次名显示出来的是“请选择”
大约一年之前 回复
qq_38615635
这是五个字 for(var i=0;i<obj.length;i++){ $("select[name='batchId']").append("<option value="+obj[i]+" name="+obj[i]+">"+obj[i]+"</option>"); } //$("select[name='batchId']").val("请选择"); $("select[name='batchId']").value="请选择";
大约一年之前 回复

把$("select[name='batchId']").empty(); 换成$("select[name='batchId']").val("请选择"); 正确逻辑应该是刚进页面的时候只允许选择公司,不允许选择批次,当公司选择了后,批次就可以选择。当然你不这么用也行。
我说的方法就是每次点击选择公司的时候就把批次赋值请选择。

qq_23126581
渊渟无迹静涛君 回复qq_38615635: 那就在$("select[name='batchId']").empty();下面加$("select[name='batchId']").val("请选择");
大约一年之前 回复
qq_38615635
这是五个字 谢谢了,还是不行。我的逻辑是不选择公司的话批次里面是没有值的,不同公司对应不同的批次。另外empty如果去掉的话,选第一个公司批次没问题,换公司之后批次就成两个公司批次都显示了。所以才每次都要先清空后添加。
大约一年之前 回复
qq_23126581
渊渟无迹静涛君 还有如果用了前台框架,那么$("select[name='batchId']").val("请选择");可能无效。比如easyui下拉框这么赋值就没有用
大约一年之前 回复
caozhy
贵阳老马马善福专业维修游泳池堵漏防水工程 +1
大约一年之前 回复

增加一个option为“请选择”默认选中应该可以吧

试试这样:

第一段代码

$("select[name='companyId']").change(function(){
        var str = $(this).val();
        $("select[name='batchId']").empty();
        $("select[name='batchId']").append("<option value=''>请选择</option>"); //为Select插入一个Option(第一个位置)
        $.ajax({
            type:"post",
            url:"${ctx}/operating/process/operatingProcessMachining/getBatchIdByCompanyId",
            data:{companyId:str},
            dataType:"json",
            success:function(obj){
                for(var i=0;i<obj.length;i++){
                    $("select[name='batchId']").append("<option value="+obj[i]+" name="+obj[i]+">"+obj[i]+"</option>");
                }
                $("select[name='batchId']").get(0).selectedIndex = 0;   //选择了Option第一项
            }
        });
    });

把你列出的第二段代码的option去掉。

qq_38615635
这是五个字 恩 ,谢谢,都试了,还在调试,我在看看到底是什么原因。
大约一年之前 回复
qq_34020571
christyleylh 回复qq_38615635: 你把这句 $("select[name='batchId']").get(0).selectedIndex = 0; 放在 ajax外面。$("select[name='batchId']").append("<option value=''>请选择</option>"); 这句下面。
大约一年之前 回复
qq_34020571
christyleylh 回复qq_38615635: 逻辑应该是这样吧,你在浏览器再调试一下咯
大约一年之前 回复
qq_38615635
这是五个字 谢谢,可以添加上,后边的选择第一项选不上
大约一年之前 回复
Csdn user default icon
上传中...
上传图片
插入图片
抄袭、复制答案,以达到刷声望分或其他目的的行为,在CSDN问答是严格禁止的,一经发现立刻封号。是时候展现真正的技术了!
其他相关推荐
小白求救!各位大神麻烦帮我看看这个select显示的内容为什么不变化
-
小白求救!各位大神麻烦帮我看下这个select显示的内容为什么不变化
-
EXTJS4 下拉框绑定事件问题
-
easyui回显数据,下拉框中内容第一次加载不出来,刷新一次才可以,求解决!!!
-
多个ajax请求,返回值后覆盖掉之前的请求结果,求各位解答!万分感谢!
-
VS中用自带的chart生成的图,一个位置上一共要有100多次图,每次如何改变数据库连接的内容
-
vxe-table-cloumn 渲染完成 重写vxe-table-cloumn下的某一个控件
-
后台数据库中获取到的名字,在select标签中的option中显示顺序问题
-
一个简单的基础问题
-
jsp 同步搜索功能 求源代码
-
bootstraptable-edit使用问题
-
sqlite 根据传递的参数动态组合 sql 语句 参数传过来了 可是打印 出来的 还是组合之前的 sql???
-
ajax请求三次为什么就无效了
-
关于寒羽风的WebCalendar.js不能选当天之后的时间
-
学会了这些技术,你离BAT大厂不远了
每一个程序员都有一个梦想,梦想着能够进入阿里、腾讯、字节跳动、百度等一线互联网公司,由于身边的环境等原因,不知道 BAT 等一线互联网公司使用哪些技术?或者该如何去学习这些技术?或者我该去哪些获取这些技术资料?没关系,平头哥一站式服务,上面统统不是问题。平头哥整理了 BAT 等一线大厂的必备技能,并且帮你准备了对应的资料。对于整理出来的技术,如果你掌握的不牢固,那就赶快巩固,如果你还没有涉及,现在...
记一道字节跳动的算法面试题
点击蓝色“五分钟学算法”关注我哟加个“星标”,天天中午 12:15,一起学算法作者 | 帅地来源公众号 | 苦逼的码农前几天有个朋友去面试字节跳动,面试官问了他一道链表相...
程序员真是太太太太太有趣了!!!
网络上虽然已经有了很多关于程序员的话题,但大部分人对这个群体还是很陌生。我们在谈论程序员的时候,究竟该聊些什么呢?各位程序员大佬们,请让我听到你们的声音!不管你是前端开发...
史上最详细的IDEA优雅整合Maven+SSM框架(详细思路+附带源码)
网上很多整合SSM博客文章并不能让初探ssm的同学思路完全的清晰,可以试着关掉整合教程,摇两下头骨,哈一大口气,就在万事具备的时候,开整,这个时候你可能思路全无 ~中招了咩~ ,还有一些同学依旧在使用eclipse或者Myeclipse开发,我想对这些朋友说IDEA 的编译速度很快,人生苦短,来不及解释了,直接上手idea吧。这篇文章每一步搭建过程都测试过了,应该不会有什么差错。本文章还有个比较优秀的特点,就是idea的使用,基本上关于idea的操作都算是比较详细的,所以不用太担心不会撸idea!最后,本文
Python爬取淘宝商品信息
各位同学们,好久没写原创技术文章了,最近有些忙,所以进度很慢。 警告:本教程仅用作学习交流,请勿用作商业盈利,违者后果自负!如本文有侵犯任何组织集团公司的隐私或利益,请告知联系猪哥删除!!! 一、淘宝登录复习 前面我们已经介绍过了如何使用requests库登录淘宝,收到了很多同学的反馈和提问,猪哥感到很欣慰,同时对那些没有及时回复的同学说声抱歉! 顺便再提一下这个登录功能,代码是完全没有问题。...
全球最厉害的 14 位程序员!
来源 | ITWorld 整理自网络全球最厉害的 14 位程序员是谁?今天就让我们一起来了解一下吧,排名不分先后。01. Jon Skeet个人名望:程序技术问答网站 S...
从入门到精通,Java学习路线导航
引言 最近也有很多人来向我"请教",他们大都是一些刚入门的新手,还不了解这个行业,也不知道从何学起,开始的时候非常迷茫,实在是每天回复很多人也很麻烦,所以在这里统一作个回复吧。 Java学习路线 当然,这里我只是说Java学习路线,因为自己就是学Java的,对Java理当很熟悉,对于其它方面,我也不是很了解。 基础阶段 首先是基础阶段,在基础阶段,我们必须掌握Java基础,Mysql数据库,Ora...
我花了一夜用数据结构给女朋友写个H5走迷宫游戏
起因 又到深夜了,我按照以往在csdn和公众号写着数据结构!这占用了我大量的时间!我的超越妹妹严重缺乏陪伴而 怨气满满! 而女朋友时常埋怨,认为数据结构这么抽象难懂的东西没啥作用,常会问道:天天写这玩意,有啥作用。而我答道:能干事情多了,比如写个迷宫小游戏啥的! 当我码完字准备睡觉时:写不好别睡觉! 分析 如果用数据结构与算法造出东西来呢? ...
盘点那些被AI换脸、一键“脱”衣所滥用的AI模型
上周作者发布了一篇有关AI换脸的教程,不过令笔者始料未及的是一石激起千层浪,竟然有不少网友留言求所谓一键“脱”衣的教程。 虽然笔者对于技术的滥用深恶痛绝,但技术本身是中性的,并无好坏之分,从我上篇博文中也能看到“AI换脸”的门槛越来越低,目前其应用已经发展到几乎是随便什么人有个教程就能操作的地步了,所以想阻止这些滥用的技术,单靠封杀是不起了什么作用的,所以本文就回归...
五分钟小知识:为什么说 ++i 的效率比 i++ 高?
点击蓝色“五分钟学算法”关注我哟加个“星标”,天天中午 12:15,一起学算法作者 | 守望先生来源 | 编程珠玑前言不知道你是否听说过 ++i 比 i++ 快的说法,真...
接班马云的为何是张勇?
上海人、职业经理人、CFO 背景,集齐马云三大不喜欢的张勇怎么就成了阿里接班人? 作者|王琳 本文经授权转载自燃财经(ID:rancaijing) 9月10日,张勇转正了,他由阿里巴巴董事局候任主席正式成为阿里巴巴董事局主席,这也意味着阿里巴巴将正式开启“逍遥子时代”。 从2015年接任CEO开始,张勇已经将阿里巴巴股价拉升了超过200%。但和马云强大的个人光环比,张勇显得尤其...
什么是大公司病(太形象了)
点击蓝色“五分钟学算法”关注我哟加个“星标”,天天中午 12:15,一起学算法作者 | 南之鱼来源 | 芝麻观点(chinamkt)所谓大企业病,一般都具有机构臃肿、多重...
让程序员崩溃的瞬间(非程序员勿入)
今天给大家带来点快乐,程序员才能看懂。 来源:https://zhuanlan.zhihu.com/p/47066521 1. 公司实习生找 Bug 2.在调试时,将断点设置在错误的位置 3.当我有一个很棒的调试想法时 4.偶然间看到自己多年前写的代码 5.当我第一次启动我的单元测试时 ...
工厂模式,从第三方登录说起
现在的很多平台在登陆的时候,下面都会有一排选项,可以选择微信、QQ、微博账号等登陆,这些账号对平台来说都是第三方账号。第三方账号登陆是最近几年流行起来的,第三方账号登录一般都是基于OAuth2.0协议开发的。如果你不了解OAuth2.0协议,可以自行百度,也许会对你看这篇文章有所帮助。 现在由于公司要给平台引入流量,为了降低注册门槛,让更多的人来使用你们的平台,领导决定在你们的平台上接入第三方账号...
如何在Windows中开启"上帝模式"
原文链接 : https://mp.weixin.qq.com/s?__biz=MzIwMjE1MjMyMw==&amp;mid=2650202982&amp;idx=1&amp;sn=2c6c609ce06db1cee81abf2ba797be1b&amp;chksm=8ee1438ab996ca9c2d0cd0f76426e92faa835beef20ae21b537c0867ec2773be...
什么是“中台”?
“中台”这个概念,越来越多的在各种技术大会上提及,各大技术公司,纷纷推出自己的“中台”方案,究竟什么是“中台”?他和“前台”、“后台”有何区别?《》,这是我的朋友、前同事...
为什么面向对象糟透了?
又是周末,编程语言“三巨头”Java, Lisp 和C语言在Hello World咖啡馆聚会。服务员送来咖啡的同时还带来了一张今天的报纸, 三人寒暄了几句, C语言翻开了...
分享靠写代码赚钱的一些门路
作者 mezod,译者 josephchang10如今,通过自己的代码去赚钱变得越来越简单,不过对很多人来说依然还是很难,因为他们不知道有哪些门路。今天给大家分享一个精彩...
失业42天,我废了
作者:子彧师兄https://www.jianshu.com/p/62590c1339f12019.6.5这天下午,公司以资金困难,亏损较大为理由将我们整个技术部裁掉,我...
技术人员要拿百万年薪,必须要经历这9个段位
很多人都问,技术人员如何成长,每个阶段又是怎样的,如何才能走出当前的迷茫,实现自我的突破。所以我结合我自己10多年的从业经验,总结了技术人员成长的9个段位,希望对大家的职...
顶级产品经理是如何利用王者荣耀,3步毁掉你的自律。
【老王提示】:本文共 2384 字数,预计阅读时间为 8 Minute。 前言 当今时代,王者荣耀可谓无人不知无人不晓,该产品为其行业巨头,而其产品使用者年龄小则十几岁,大则近百岁。 &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 这个现象极为恐怖,甚至有些心酸,本是正处于青春阳光成长中的孩子,应该围绕着学习才对,而不是花费大量时间在娱乐上。不仅是小学生,只要处于...
nginx学习,看这一篇就够了:下载、安装。使用:正向代理、反向代理、负载均衡。常用命令和配置文件
文章目录前言一、nginx简介1. 什么是 nginx 和可以做什么事情2.Nginx 作为 web 服务器3. 正向代理4. 反向代理5. 动静分离6.动静分离二、Nginx 的安装三、 Nginx 的常用命令和配置文件四、 Nginx 配置实例 1 反向代理五、 Nginx 配置实例 2 负载均衡六、 Nginx 配置实例 3 动静分离七、 Nginx 的高可用集群 前言 一、nginx简介...
动画:用动画给面试官解释 TCP 三次握手过程
作者 | 小鹿 来源 | 公众号:小鹿动画学编程 写在前边 TCP 三次握手过程对于面试是必考的一个,所以不但要掌握 TCP 整个握手的过程,其中有些小细节也更受到面试官的青睐。 对于这部分掌握以及 TCP 的四次挥手,小鹿将会以动画的形式呈现给每个人,这样将复杂的知识简单化,理解起来也容易了很多,尤其对于一个初学者来说。 学习导图 一、TCP 是什么? TCP(Transmissio...
JAVA实现商品信息管理系统
任务与实现 超市商品管理系统 题目要求 超市中商品分为四类,分别是食品、化妆品、日用品和饮料。每种商品都包含商品名称、价格、库存量和生产厂家、品牌等信息。 主要完成对商品的销售、统计和简单管理。 这个题目相对简单,可以用一张表实现信息的保存和处理,因此不再给出数据库设计参考。 功能要求 (1)销售功能。购买商品时,先输入类别,然后输入商品名称,并在库存中查找该商品的相关信息。如果有库存量,输入购买...
500行代码,教你用python写个微信飞机大战
这几天在重温微信小游戏的飞机大战,玩着玩着就在思考人生了,这飞机大战怎么就可以做的那么好,操作简单,简单上手。 帮助蹲厕族、YP族、饭圈女孩在无聊之余可以有一样东西让他们振作起来!让他们的左手 / 右手有节奏有韵律的朝着同一个方向来回移动起来! 这是史诗级的发明,是浓墨重彩的一笔,是…… 在一阵抽搐后,我结束了游戏,瞬时觉得一切都索然无味,正在我进入贤者模式时,突然想到,如果我可以让更多人已不同的方式体会到这种美轮美奂的感觉岂不美哉? 所以我打开电脑,创建了一个 `plan_game.py`……
2019诺贝尔经济学奖得主:贫穷的本质是什么?
2019年诺贝尔经济学奖,颁给了来自麻省理工学院的 阿巴希·巴纳吉(Abhijit Vinayak Banerjee)、艾丝特·杜芙若(Esther Duflo)夫妇和哈...
相关热词 c#sdf数据库连接 c# 使用配置文件 c#float 转int c#报警指示灯 c#复制二维数组 c# 歌词滚动 c#获取数据库一列数据 c#中parse用法 c#异步编程是什么意思 c#验证手机号正则

相似问题

3
jq无法获取select下拉选框默认选中的val
2
为什么select标签下拉框选项和我的页面不对应?详细情况如下:
2
selenium无法定位非select的下拉框元素,请大神指教
2
如何实现在多个下拉框中只有一个调用select2,js?
1
bootstrap-select 下拉搜索IE9问题,哪位大佬遇见过告诉我怎么样解决,在线等。急!!!!
2
非select下拉框定位不到元素,求大神帮忙,菜鸟在线等
4
select 多选下拉取消选中的时候得到value和text
1
小白求救!各位大神麻烦帮我看看这个select显示的内容为什么不变化
4
小白求救!各位大神麻烦帮我看下这个select显示的内容为什么不变化
2
select下拉框变为手动输入信息,从后台模糊查询获取数据,展示下拉框数据。
2
JSP select下拉框读取数据库数据显示不全
2
JSP页面中的下拉框不能显示取到的值
6
html select下拉框怎么添加选择框?
1
react select 如何从后端获取下拉框的值
5
easyui回显数据,下拉框中内容第一次加载不出来,刷新一次才可以,求解决!!!
3
有没有sql数据库技术实现以下内容,即如何使三个下拉框选好后,gzl列根据选的值取代对应的列
1
在C#winform中如何实现子查询,使yxlc为X轴数据,Y轴的数据有三个下拉框选择的值决定选表2的其中一列
3
请问在JSP中,选中下拉框中的“其他”这个选项时,怎么实现能够在文本框中编写文字?
1
如何使antd的Select下拉框被一个按钮的点击事件重置回初始值?
1
ant-design of vue里面的a-select无法显示notFoundContent绑定的信息