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 相关文章推荐
两个DIV等高的JS的实现代码
Dec 23 Javascript
AeroWindow 基于JQuery的弹出窗口插件
Jun 27 Javascript
js创建对象的方法汇总
Jan 07 Javascript
利用jQuery对无序列表排序的简单方法
Oct 16 Javascript
jQuery实现联动下拉列表查询框
Jan 04 Javascript
jQuery 插件实现随机自由弹跳气泡样式
Jan 12 Javascript
微信小程序  http请求封装详解及实例代码
Feb 15 Javascript
vue router路由嵌套不显示问题的解决方法
Jun 17 Javascript
如何优雅地在vue中添加权限控制示例详解
Mar 07 Javascript
详解微信小程序调用支付接口支付
Apr 28 Javascript
jQuery - AJAX load() 实例用法详解
Aug 27 jQuery
处理JavaScript值为undefined的7个小技巧
Jul 28 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好代码风格的阶段性总结
2016/06/25 PHP
Yii中的cookie的发送和读取
2016/07/27 PHP
php封装的验证码类分享
2017/02/26 PHP
Laravel框架中队列和工作(Queues、Jobs)操作实例详解
2020/04/06 PHP
js中if语句的几种优化代码写法
2011/03/12 Javascript
使用jQuery操作Cookies的实现代码
2011/10/09 Javascript
JavaScript初学者应注意的七个细节详细介绍
2012/12/27 Javascript
JS获取地址栏参数的几种方法小结
2014/02/28 Javascript
Mac OS X 系统下安装和部署Egret引擎开发环境
2014/09/03 Javascript
NodeJS制作爬虫全过程
2014/12/22 NodeJs
JavaScript通过事件代理高亮显示表格行的方法
2015/05/27 Javascript
异步JavaScript编程中的Promise使用方法
2015/07/28 Javascript
纯css实现窗户玻璃雨滴逼真效果
2015/08/23 Javascript
浅谈javascript 函数表达式和函数声明的区别
2016/01/05 Javascript
Bootstrap菜单按钮及导航实例解析
2016/09/09 Javascript
angularjs实现首页轮播图效果
2017/04/14 Javascript
nodejs基于express实现文件上传的方法
2018/03/19 NodeJs
详解Chart.js轻量级图表库的使用经验
2018/05/22 Javascript
详解react内联样式使用webpack将px转rem
2018/09/13 Javascript
tweenjs缓动算法的使用实例分析
2019/08/26 Javascript
用js编写留言板
2020/03/17 Javascript
vue实践---vue不依赖外部资源实现简单多语操作
2020/09/21 Javascript
Python的lambda匿名函数的简单介绍
2013/04/25 Python
Python中Django 后台自定义表单控件
2017/03/28 Python
Python实现的文本对比报告生成工具示例
2018/05/22 Python
python实现多人聊天室
2020/03/31 Python
关于Tensorflow 模型持久化详解
2020/02/12 Python
解决springboot yml配置 logging.level 报错问题
2020/02/21 Python
基于PyTorch的permute和reshape/view的区别介绍
2020/06/18 Python
matplotlib bar()实现多组数据并列柱状图通用简便创建方法
2021/02/24 Python
用HTML5制作烟火效果的教程
2015/05/12 HTML / CSS
幼儿园社区活动总结
2014/07/07 职场文书
2016年六一文艺汇演开幕词
2016/03/04 职场文书
MySQL系列之一 MariaDB-server安装
2021/07/02 MySQL
JavaScript实现简单拖拽效果
2021/09/15 Javascript
基于redis+lua进行限流的方法
2022/07/23 Redis