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 相关文章推荐
Javascript 验证上传图片大小[客户端]
Aug 01 Javascript
js判断生效时间不得大于失效时间的思路及代码
Apr 23 Javascript
JavaScript中的变量作用域介绍
Dec 31 Javascript
学习JavaScript设计模式之单例模式
Jan 19 Javascript
Angular.js中$apply()和$digest()的深入理解
Oct 13 Javascript
JavaScript实现类似拉勾网的鼠标移入移出效果
Oct 27 Javascript
给vue项目添加ESLint的详细步骤
Sep 29 Javascript
vue 双向数据绑定的实现学习之监听器的实现方法
Nov 30 Javascript
详解vue更改头像功能实现
Apr 28 Javascript
layui输入框中只允许输入整数的实现方法
Sep 18 Javascript
vue登录以及权限验证相关的实现
Oct 25 Javascript
js观察者模式的弹幕案例
Nov 23 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实现将科学计数法转换为原始数字字符串的方法
2014/12/16 PHP
PHP判断是手机端还是PC端 PHP判断是否是微信浏览器
2017/03/15 PHP
javascript客户端解决方案 缓存提供程序
2010/07/14 Javascript
js 判断脚本加载完毕的代码
2011/07/13 Javascript
jQuery实现切换页面过渡动画效果
2015/10/29 Javascript
iscroll.js的上拉下拉刷新时无法回弹的解决方法
2016/02/18 Javascript
理解javascript定时器中的单线程
2016/02/23 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
2016/03/13 Javascript
jQuery基础的工厂函数以及定时器的经典实例分析
2016/05/20 Javascript
JavaScript中的操作符类型转换示例总结
2016/05/30 Javascript
详解Angular路由 ng-route和ui-router的区别
2017/05/22 Javascript
360提示[高危]使用存在漏洞的JQuery版本的解决方法
2017/10/27 jQuery
mui back 返回刷新页面的实例
2017/12/06 Javascript
详解如何优雅地在React项目中使用Redux
2017/12/28 Javascript
JS学习笔记之闭包小案例分析
2019/05/29 Javascript
[52:29]DOTA2上海特级锦标赛主赛事日 - 2 胜者组第一轮#3Secret VS OG第三局
2016/03/03 DOTA
为Python的web框架编写前端模版的教程
2015/04/30 Python
举例讲解Python设计模式编程的代理模式与抽象工厂模式
2016/01/16 Python
python脚本替换指定行实现步骤
2017/07/11 Python
Windows下python3.7安装教程
2018/07/31 Python
详解python中@的用法
2019/03/27 Python
对PyQt5中树结构的实现方法详解
2019/06/17 Python
CSS3盒子模型详解
2013/04/24 HTML / CSS
HTML5本地存储和本地数据库实例详解
2017/09/05 HTML / CSS
AmazeUI 平滑滚动效果的示例代码
2020/08/20 HTML / CSS
Oracle的内存结构(Memory structures)
2015/06/10 面试题
我的大学生活职业生涯规划
2014/01/02 职场文书
《观舞记》教学反思
2014/04/16 职场文书
合作协议书
2014/04/23 职场文书
给市场的环保建议书
2014/05/14 职场文书
学生违纪检讨书200字
2014/10/21 职场文书
2014年宣传思想工作总结
2014/12/10 职场文书
学校三八妇女节活动总结
2015/02/06 职场文书
毕业生自我鉴定范文
2019/05/13 职场文书
管理者们如何制定2019年的工作计划?
2019/07/01 职场文书
分析Netty直接内存原理及应用
2021/06/14 Java/Android