控件怎么样用jquery绑定change事件去绑定事件

找不到答案?
jQuery绑定下拉菜单onchange事件的问题,用到了闭包
首先有一个select控件:
&div id="courseDiv"&
&select id="isAlready"&
&option value="already"&已选&/option&
&option value="notYet"&未选&/option&
&!-- 其他的代码忽略... --&
在下面的方法里为控件绑定onchange事件的处理函数:
function showCourseDiv(studentId) {
//用了flexigrid控件,与问题无关,可以忽略之
$("#courseFlexGrid").flexOptions({
addparams : [{
name : "studentId",
value : studentId
}).flexReload();
//这里绑定的事件方法!
$("#isAlready").change(function() {
//调用填充flexigrid的方法,使用了闭包
//searchCourseFlexGrid()的代码就不贴了
searchCoursesFlexGrid(studentId);
//显示包含select控件的div,自己封装的
//与问题无关,代码忽略了
showCustomDiv(true, 'courseDiv');
主要的流程是这样的:所有学生记录都使用同一个courseDiv来添加/删除课程,点击一个学生的“选课/删课”按钮后,执行showCourseDiv(studentId)方法:显示courseDiv,把学生的已选课程都展示出来,然后绑定onchange事件处理函数searchCoursesFlexGrid(studentId)。在事件函数里,会根据传来的studentId参数和select控件的值,查询对应学生的已选or未选课程。
遇到的问题是这样的:点击给学生1(假设studentId=1001)的"选课/删课"按钮,这时候会执行showCourseDiv(1001)方法,方法中给select控件onchange事件绑定了searchCoursesFlexGrid(1001)方法,这些都没有问题,下拉菜单的功能都正常。问题在这里,之后再点击其他学生的“选课/删课”按钮,修改下拉菜单值的时候,每次都会执行searchCoursesFlexGrid(1001),参数永远都是学生1的id。
用firebug断点:showCourseDiv()方法的参数正常,点击下拉菜单时,searchCoursesFlexGrid()参数一直是1001。
我目前只学了半个月的jQuery,js也非常不熟,这个问题纠结两天了,希望大神们帮忙解决一下 Orz
按投票排序
按时间排序
$("#isAlready").off('change');最好设置全局变量current_student_id
function showCourseDiv(studentId) {
window.current_student_id = studentId;
$("#isAlready").change(function() {
searchCoursesFlexGrid();
function searchCoursesFlexGrid()
var studentId = window.current_student_
登录后可回答问题,请
为您提供简单高效、处理能力可弹性伸缩的计算服务,帮助您快速构建更稳定、安全的应用,提升运维效率,降低 IT 成本...
RDS是一种稳定可靠、可弹性伸缩的在线数据库服务。支持MySQL、SQL Server、PostgreSQL、高...如何给某个控件赋值 jquery_百度知道
如何给某个控件赋值 jquery
答题抽奖
首次认真答题后
即可获得3次抽奖机会,100%中奖。
风流小子爱美人
来自电脑网络类芝麻团
风流小子爱美人
采纳数:13919
获赞数:48278
擅长:暂未定制
参与团队:
这篇文章主要介绍通过Jquery如何给基本控件的取值、赋值,需要的朋友可以参考下TEXTBOX: var str =$(&#txt&).val(); $(&#txt&).val(Value); //文本框,文本区域: $(&#text_id&).attr(&value&,'');//清空内容 $(&#text_id&).attr(&value&,'test');//填充内容 LABLE: var str =$(&#lbl&).text(); $(&#lbl&).text(Value); /*获取单选按钮的值*/ var valradio =$(&input[@type=radio][@checked]&).val(); /*获取一组名为(items)的radio被选中项的值*/ var item =$('input[@name=items][@checked]').val(); /* 获取复选框的值*/ var checkboxval =$(&#checkbox_id&).attr(&value&); /* 获取下拉列表的值*/ var selectval =$('#select_id').val(); //多选框checkbox: $(&#chk_id&).attr(&checked&,'');//使其未勾选 $(&#chk_id&).attr(&checked&,true);//勾选 if($(&#chk_id&).attr('checked')==true)//判断是否已经选中 单选组radio: $(&input[@type=radio]&).attr(&checked&,'2');//设置value=2的项目为当前选中项 //下拉框select: $(&#select_id&).attr(&value&,'test');//设置value=test的项目为当前选中项 $(&testtest2&).appendTo(&#select_id&)//添加下拉框的 option $(&#select_id&).empty();//清空下拉框 获取一组名为 (items)的radio被选中项的值 var item =$('input[@name=items][@checked]').val();//若未被选中 则val() = undefined 获 取select被选中项的文本 var item =$(&select[@name=items] option[@selected]&).text(); select下拉框的第二个元素为当前选中值 $('#select_id')[0].selectedIndex= 1; radio单选组的第二个元素为当前选中值 $('input[@name=items]').get(1).checked= //重置表单 $(&form&).each(function(){ .reset(); }); 以下是设置img的路径 $(&#img1&).attr(&src&,&Imges/test.jpg&);
采纳数:370
获赞数:538
中文版帮助文档,相信对你有帮助。
采纳数:147
获赞数:102
设置控件Id $(&#id&).val(&值&)
为你推荐:
其他类似问题
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。当前位置: →
在JQuery dialog里的服务器控件
事件失效问题
在JQuery dialog里的服务器控件
事件失效问题
& 作者及来源: 吃螺丝 - 博客园 &
&收藏到→_→:
摘要: 关于
在JQuery dialog里的服务器控件
事件失效问题
在JQuery dialog里的服务器控件
事件失效问题"::
今天遇到个问题,在dialog中放了端的空间dropdownlist,但是写selectindexchange事件却怎么也触发不了,然后就在网上搜,终于看到有个哥们解决了这个问题,真的谢谢他
会把代码appendto到body,而不在form里,所以按钮事件无法触发。
:在点击按钮打开dialog时,将div append到form里,使按钮生效。
将弹出div&append到属于form里的div,那么端控件就可以正常执行&。
这是那哥们说的,我试了下成功了。分享给大家。搜索此文相关文章:控件
事件失效问题此文来自: 马开东博客
网址: 站长QQ
在JQuery dialog里的服务器控件
事件失效问题_博客园相关文章
博客园_总排行榜
博客园_最新
博客园_月排行榜
博客园_周排行榜
博客园_日排行榜JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参
&更新时间:日 23:49:46 & 作者:
JQuery 绑定select标签的onchange事件,弹出选择的值,并实现跳转、传参(selected的值和页面其它元素的值)
代码如下: &script src="jquery.min.js" type="text/javascript"&&/script& &script language="javascript" type="text/javascript"& $(document).ready(function(){ $('#mySelect').change(function(){ alert($(this).children('option:selected').val()); var p1=$(this).children('option:selected').val();//这就是selected的值 var p2=$('#param2').val();//获取本页面其他标签的值 window.location.href="xx.php?param1="+p1+"&param2="+p2+"";//页面跳转并传参 }) }) &/script& &select id="mySelect"& &option value="1"&one&/option& &option value="2" selected="selected"&two&/option& &option value="3"&three&/option& &/select& &input type="text" value="ooo" name="param2" id="param2"/&
您可能感兴趣的文章:
大家感兴趣的内容
12345678910
最近更新的内容
常用在线小工具近日工作当中,需要对由jquery动态生成的标签添加一些事件效果。
最初的做法是在页面载入时调用事件监听如下:
$(document).ready(function(){
$("a.keyWord1").hover(
function(){
$(this).css("text-decoration","underline");
$(this).css("color","#fc9b3f");
function(){
$(this).css("text-decoration","none");
$(this).css("color","");
本意是,当鼠标移动到a标签时触发hover效果。但是最终一点发应也没有,当然以上的代码没有问题,我在其它地方是可以使用的。
后来对比了其它地方用到这段代码的标签,发现我当前的a标签是通过jquery动态生成的,而不是后台生成的,所以思考可能是由于jquery在页面加载绑定事件时,由于我的后来动态生成的a标签还不存在,所以事件绑定自然就不成立!当然一点反应也没有!
找到问题,就开始找解决方案:
方案如下(不是很完美)
在动态生成标签后,添加如下代码:
$("a.keyWord1").bind("mouseover",function(){
$(this).css("text-decoration","underline");
$(this).css("color","#fc9b3f");
$("a.keyWord1").bind("mouseout",function(event){
//阻止事件冒泡
event.stopPropagation();
$(this).css("text-decoration","none");
$(this).css("color","#06F");
$(this).unbind();
上面的代码意思是,对a标签,且class=keyWord1的标签进行事件的绑定!
这样就达到我的目的!
jquery on()方法是jquery1.7+后才使用的
由于需求:动态添加了以下代码
前几天有个页面折腾了我半天,我想要实现动态添加html控件,并给新增的控件添加上点击事件,怎么也折腾不好,后来在Jquery官网上看了例子,发现原来可以这样写。示例代码如下。
1 . 我们知道在jquery中,动态生成一个元素,如果要在动态生成元素的同时,动态绑定事件,可以通过live/on方法(在jquery3.0中已经废除了bind方法)。
2 . 在angularj...
有时需要向页面内动态添加元素,其中可能还需要给这些追加的元素绑定事件,这时候采用jquery是很方便的。
1、采用live()方法(该方法与1.4版本后废弃):
live()方法可以给所有元素附加...
近日,在动态生成的元素中,给子元素a标签添加事件的时候,发现.click();与on(‘click’,function(){});都不能成功的绑定上事件,之前的live()方法已经再官方文档中不予推荐...
异步导致绑定事件失败。
需使用全局绑定事件,代码如下:
需要实现一个功能 ,每一天文件列表下对应不同的文件,我要为这些动态生成的文件绑定相应的事件。
记录一下解决相应过程。
待处理的HTML:
div class=&col-sm-9& id=&f...
$(&#rightRes&).append(&名称:& + obj[i].STMC +&电话:&+obj[i].LXDH+&&);
$(&&).click()方法绑定的前提是li已经存在
如果是动态生成的
click事件无法绑定成功。这时候就要用$(&父级元素&).on(&click&,&要绑定事件的元素或类&,func...
jQuery动态绑定元素事件
没有更多推荐了,

我要回帖

更多关于 jquery绑定change事件 的文章

 

随机推荐