这次给大家带来jquery怎样获取标签子元素的值，jquery获取标签子元素的值的注意事项有哪些，下面就是实战案例，一起来看一下。
一、在jsp页面中定义<select>标签，如下：
<p> <span>科室:</span> <select class="dept-name-show" style="width: 70%;"> </select> </p>
二、编写js语句：
<script> $(function () { var dname = $(.dept-name-show).eq(0);//选定<select>标签 var url = ${pagecontext.request.contextpath}/getdepts.do;//请求路径 $(.dept-name-show).click(function () { $.get( url, function (res) { var len = res.length; var op = dname.children().length; if (op < len) { var pp = "<option></option>; for (var i = 0; i < len; i++) { dname.append(pp); dname.children().eq(i).text(res[i].name); } } } ) }) }) </script>
三、编写对应的请求语句：
list<dept> deptlist=null; @requestmapping(value = /getdepts,method = {requestmethod.get}) public void getdepts(httpservletresponse response) throws ioexception { response.setcharacterencoding(utf-8); response.setcontenttype(text/json;charset=utf-8); if (deptlist == null){ deptlist = deptservice.findalldepts(); }else { string res=json.tojsonstring(deptlist); response.getwriter().write(res); } }
四、实现效果如下：
相信看了本文案例你已经掌握了方法，更多精彩请关注其它相关文章！
推荐阅读：
jquery怎样做出碰到框框边缘即可反弹的动画效果
jquery的isplainobject()方法该如何使用
解决easyui在ie不兼容的方法
jquery中如何实现toggle方法
以上就是jquery怎样获取标签子元素的值的详细内容。