本站消息

站长简介/公众号


站长简介:高级工程师,爱好交友,无偿辅导python和前端,技术交流,面试指导,找工作指导,瞎聊都可加我微信i88811i哈,欢迎欢迎!也欢迎加入程序员交流群,专属程序员的圈子,加我微信拉你进群.欢迎关注我的微信公众号:程序员总部,程序员的家,探索程序员的人生之路!分享IT最新技术,关注行业最新动向,让你永不落伍。了解同行们的工资,生活工作中的酸甜苦辣,谋求程序员的最终出路!

 价值13000svip视频教程,前端大神匠心打造,零基础前端开发工程师视频教程全套,基础+进阶+项目实战,包含课件和源码

  出租广告位,需要合作请联系站长


+关注
已关注

分类  

暂无分类

标签  

暂无标签

日期归档  

暂无数据

在选择下拉列表的第一个选项时,它不应该在下拉列表中显示

发布于2022-04-15 22:20     阅读(1082)     评论(0)     点赞(26)     收藏(5)


当我选择下拉列表的第一个选项时,它不应该显示在下拉选择中。

<select id="purchaseorderto" data-placeholder="items Name" name="purchaseorderto" class="form-control chosen-select" required="required">
     <option selected></option>
     <option value="addnewpoto" class="addnewtxt">Add new </option>
     <option value="1"> Abc</option>
     <option value="2"> Pqr </option>
     <option value="3"> xyz</option>
</select>

当我选择添加新时,它不应该显示在下拉列表中,但它应该在选择它时打开模式。


解决方案


我希望这有帮助

$('#purchaseorderto').change(function(event) {

if($( "#purchaseorderto option:selected" ).val() == "addnewpoto")
{
$('#purchaseorderto').prop('selectedIndex',0);
  alert("do something");
}
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<select id="purchaseorderto" data-placeholder="items Name" name="purchaseorderto" class="form-control chosen-select" required="required">
     <option selected></option>
     <option value="addnewpoto" class="addnewtxt">Add new </option>
     <option value="1"> Abc</option>
     <option value="2"> Pqr </option>
     <option value="3"> xyz</option>
</select>


站长简介:高级工程师,爱好交友,无偿辅导python和前端,技术交流,面试指导,找工作指导,瞎聊都可加我微信i88811i哈,欢迎欢迎!也欢迎加入程序员交流群,专属程序员的圈子,加我微信拉你进群
欢迎关注我的公众号:程序员总部,关注公众号回复前端,免费领取 全套前端视频教程,关注公众号回复前端充值+你的账号,免费为您充值1000积分



所属网站分类: 技术文章 > 问答

作者:黑洞官方问答小能手

链接:http://www.qianduanheidong.com/blog/article/330804/a866071eb24948d38693/

来源:前端黑洞网

任何形式的转载都请注明出处,如有侵权 一经发现 必将追究其法律责任

26 0
收藏该文
已收藏

评论内容:(最多支持255个字符)