jquery遍历select元素(实例讲解)


Posted in Javascript onDecember 31, 2013

本篇文章提供一款jquery遍历select教程代码,主要是利用了$("#<%=ddl_xreg_id.clientid%> option").each(function() {形式来each遍历一次,这样所有的select就给查询了一次。

<script src="jquery-1.2.1.js" type="text/网页特效"></script>
<script language="javascript" type="text/javascript">
$(document).ready(function(){
$("#selecttest").change(function()
{
       //alert("hello");
       //alert($("#selecttest").attr("name"));
       //$("a").attr("href","xx.html");
       //window.location.href="xx.html";
       //alert($("#selecttest").val());
       alert($("#selecttest option[@selected]").text());
       $("#selecttest").attr("value", "2");
});
});
</script>

<a href="#">aaass</a>
<!--下拉框-->
<select id="selecttest" name="selecttest">
<option value="1">11</option>
<option value="2">22</option>
<option value="3">33</option>
<option value="4">44</option>
<option value="5">55</option>
<option value="6">66</option>
</select>
方法二
function autoscrollregion() {
        var reg_name = $("#<%=txt_reg_name.clientid%>").val();
        $("#<%=ddl_xreg_id.clientid%> option").each(function() {
        if ($(this).text() == reg_name) {
                $(this).attr("selected", "selected");
                break;
            }
        });      
    }
Javascript 相关文章推荐
避免 showModalDialog 弹出新窗体的原因分析
May 31 Javascript
JQuery下的Live方法和$.browser方法使用代码
Jun 02 Javascript
Node.js中require的工作原理浅析
Jun 24 Javascript
网页运行时提示对象不支持abigimage属性或方法
Aug 10 Javascript
javascript中的五种基本数据类型
Aug 26 Javascript
vue.js绑定class和style样式(6)
Dec 09 Javascript
Angular2-primeNG文件上传模块FileUpload使用详解
Jan 14 Javascript
React-Native中props具体使用详解
Sep 04 Javascript
解决vue attr取不到属性值的问题
Sep 18 Javascript
layui实现根据table数据判断按钮显示情况的方法
Sep 26 Javascript
vue实现设置载入动画和初始化页面动画效果
Oct 28 Javascript
js实现鼠标滑动到某个div禁止滚动
Sep 17 Javascript
在页面上用action传递参数到后台出现乱码的解决方法
Dec 31 #Javascript
获取鼠标在div中的相对位置的实现代码
Dec 30 #Javascript
input链接页面、打开新网页等等的具体实现
Dec 30 #Javascript
获取3个数组不重复的值的具体实现
Dec 30 #Javascript
改变隐藏的input中value的值代码
Dec 30 #Javascript
js中switch case循环实例代码
Dec 30 #Javascript
js模仿hover的具体实现代码
Dec 30 #Javascript
You might like
php 文件缓存函数
2011/10/08 PHP
浅析php插件 HTMLPurifier HTML解析器
2013/07/01 PHP
PHP中绘制图像的一些函数总结
2014/11/19 PHP
php使用curl获取https请求的方法
2015/02/11 PHP
php通过header发送自定义数据方法
2018/01/18 PHP
PHP封装的数据库模型Model类完整示例【基于PDO】
2019/03/14 PHP
JQuery在页面中添加和除移DOM示例代码
2013/06/24 Javascript
javascript实现信息的显示和隐藏如注册页面
2013/12/03 Javascript
jquery单行文字向上滚动效果的实现代码
2014/09/05 Javascript
js判断浏览器版本以及浏览器内核的方法
2015/01/20 Javascript
JS基于Mootools实现的个性菜单效果代码
2015/10/21 Javascript
浅析JavaScript 箭头函数 generator Date JSON
2016/05/23 Javascript
jQuery页面元素动态添加后绑定事件丢失方法,非 live
2016/06/16 Javascript
jQuery 选择器(61种)整理总结
2016/09/26 Javascript
微信JSAPI支付操作需要注意的细节
2017/01/10 Javascript
javascript  数组排序与对象排序的实例
2017/07/17 Javascript
js运算符的一些特殊用法
2018/07/29 Javascript
JavaScript实现轮播图效果代码实例
2019/09/28 Javascript
详解Vue.js 作用域、slot用法(单个slot、具名slot)
2019/10/15 Javascript
vue Element左侧无限级菜单实现
2020/06/10 Javascript
python中类和实例如何绑定属性与方法示例详解
2017/08/18 Python
python使用os.listdir和os.walk获得文件的路径的方法
2017/12/16 Python
对python .txt文件读取及数据处理方法总结
2018/04/23 Python
详解Django-auth-ldap 配置方法
2018/12/10 Python
python制作mysql数据迁移脚本
2019/01/01 Python
Python pytesseract验证码识别库用法解析
2020/06/29 Python
用canvas做一个DVD待机动画的实现代码
2019/04/12 HTML / CSS
美国Rue La La闪购网站:奢侈品、中高档品牌限时折扣
2016/10/19 全球购物
怀俄明州飞钓:Platte River Fly Shop
2017/12/28 全球购物
周仰杰(JIMMY CHOO)法国官方网站:闻名世界的鞋子品牌
2019/09/27 全球购物
SOA的常见陷阱或者误解是什么
2014/10/05 面试题
30年同学聚会感言
2014/01/30 职场文书
行政人事岗位职责
2014/03/17 职场文书
老公保证书范文
2014/04/29 职场文书
2014镇党委书记党建工作汇报材料
2014/11/02 职场文书
2015年小学生暑假总结
2015/07/13 职场文书