jQuery怎么判断指定值得文本

2025-05-03 12:33:18

1、引用jquery文件,这里使用的是jquery-3.2.1.js,可以自行上网查找,网上有很多版本。

jQuery怎么判断指定值得文本

2、添加测试HTML代码:选择一个课程: <select id="subject" onchange="selectText()"> <option value ="chinese">语文</option> <option value ="math">数学</option> <option value ="english" selected="true">英语</option> <option value ="music">音乐课</option> </select>

jQuery怎么判断指定值得文本

3、添加js代码:<script type="text/javascript" src="jquery-3.2.1.js"></script> <script type="text/javascript" charset="utf-8"> function selectText(){ var t = $("#subject").find("option:selected").text(); alert("你选择的课程是:"+t); } </script>效果图

jQuery怎么判断指定值得文本

4、扩展:获取select选择的值、文本以及对应的索引。HTML代码不变。js代码:<script type="text/ja即枢潋雳vascript" src="jquery-3.2.1.js"></script> <script type="text/javascript" charset="utf-8"> function selectText(){ var v = $("#subject").val(); var t = $("#subject").find("option:selected").text(); var index = $("#subject").get(0).selectedIndex; alert("你选择的课程值" + v + ", 对应的文本:" + t + ", 它所在的列表索引:" + index); } </script>

jQuery怎么判断指定值得文本
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:71
  • 阅读量:22
  • 阅读量:91
  • 阅读量:38
  • 阅读量:68
  • 猜你喜欢