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 相关文章推荐
又一个图片自动缩小的JS代码
Mar 10 Javascript
javascript解三阶幻方(九宫格)
Apr 22 Javascript
JavaScript中${pageContext.request.contextPath}取值问题及解决方案
Dec 08 Javascript
Bootstrap CSS布局之表单
Dec 17 Javascript
servlet+jquery实现文件上传进度条示例代码
Jan 25 Javascript
Vue 2.x教程之基础API
Mar 06 Javascript
bootstrap timepicker在angular中取值并转化为时间戳
Jun 13 Javascript
JS按钮闪烁功能的实现代码
Jul 21 Javascript
bootstrap Table的一些小操作
Nov 01 Javascript
360doc网站不登录就无法复制内容的解决方法
Jan 27 Javascript
简单了解小程序+node梳理登陆流程
Jun 24 Javascript
D3.js 实现带伸缩时间轴拓扑图的示例代码
Jan 20 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通过session防url攻击方法
2014/12/10 PHP
laravel框架数据库操作、查询构建器、Eloquent ORM操作实例分析
2019/12/20 PHP
Js 刷新框架页的代码
2010/04/13 Javascript
JavaScript开发规范要求(规范化代码)
2010/08/16 Javascript
日期处理的js库(迷你版)--自建js库总结
2011/11/21 Javascript
js中document.getElementByid、document.all和document.layers区分介绍
2011/12/08 Javascript
js获取当前路径的简单示例代码
2014/01/08 Javascript
jquery中的$(document).ready()使用小结
2014/02/14 Javascript
node.js中的Socket.IO使用实例
2014/11/04 Javascript
avalonjs制作响应式瀑布流特效
2015/05/06 Javascript
在jQuery中处理XML数据的大致方法
2015/08/14 Javascript
Jquery Easyui选项卡组件Tab使用详解(10)
2016/12/18 Javascript
React.Js添加与删除onScroll事件的方法详解
2017/11/03 Javascript
JavaScript链式调用实例浅析
2018/12/19 Javascript
Node.js + express基本用法教程
2019/03/14 Javascript
HTML+JavaScript实现扫雷小游戏
2019/09/30 Javascript
javascript实现雪花飘落效果
2020/08/19 Javascript
js轮播图之旋转木马效果
2020/10/13 Javascript
原生JavaScript实现进度条
2021/02/19 Javascript
[01:42:49]DOTA2-DPC中国联赛 正赛 iG vs PSG.LGD BO3 第一场 2月26日
2021/03/11 DOTA
python3将视频流保存为本地视频文件
2018/06/20 Python
python+rsync精确同步指定格式文件
2019/08/29 Python
numpy按列连接两个维数不同的数组方式
2019/12/06 Python
python numpy实现rolling滚动案例
2020/06/08 Python
Python数据库封装实现代码示例解析
2020/09/05 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
CSS 3.0文字悬停跳动特效代码
2020/10/26 HTML / CSS
canvas烟花特效锦集
2018/01/17 HTML / CSS
UNIONBAY官网:美国青少年服装品牌
2019/03/26 全球购物
英国领先的酒杯和水晶玻璃器皿制造商:Dartington Crystal
2019/06/23 全球购物
机械专业应届生求职信
2013/09/21 职场文书
高中三年学习生活的自我评价
2013/10/10 职场文书
团员的自我评价
2013/12/01 职场文书
应届生找工作求职信
2014/06/24 职场文书
党的群众路线教育实践活动个人对照检查材料
2014/09/22 职场文书
经费申请报告
2015/05/15 职场文书