jQuery判断select选中

最新推荐文章于 2022-08-31 11:04:35 发布

采精小蝴蝶

最新推荐文章于 2022-08-31 11:04:35 发布

阅读量907

点赞数

本文链接：https://blog.csdn.net/jrrfgj/article/details/87917670

版权

这篇博客介绍了如何利用jQuery来判断select选项是否被选中，适合初学者了解和使用。

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

分享一下我老师大神的人工智能教程。零基础！通俗易懂！风趣幽默！还带黄段子！希望你也加入到我们人工智能的队伍中来！https://blog.csdn.net/jiangjunshow

1、实现源码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>jQuery判断select选中</title><script type="text/javascript" src="jquery-1.12.3.js"></script><script type="text/javascript">   $(function(){  $("#sel").change(function(){   var btn = $("#btn").val();   var sel = $("#sel").text();   if(btn==sel)   {     $("#sel").find("option[text='"+btn+"']").attr("selected",true);     alert(btn+"\n"+sel);   }        });   }); </script></head><body>   <div id="div-select">        <select id="sel" style="width:200px;">             <option value="1">春季</option>             <option value="2">夏季</option>             <option value="3">秋季</option>             <option value="4">冬季</option>        </select><br/><br/>        <input type="text" id="btn" style="width:195px;" />   </div></body></html>