jQuery怎么判断指定值得文本

2025-10-26 20:06:58

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/javascript" 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。
猜你喜欢