ajax点击事件触发后台,使用jquery点击事件触发AJAX
我有两个下拉菜单,其中一个我试图用jquery替换单选按钮。第二个盒子通过AJAX进行更新,每次用户在第一个下拉菜单中进行选择时都会有新选项。我已经成功生成单选按钮,可以更改第一个下拉列表的值,但是当用户使用单选按钮更新第一个下拉菜单时,它不再影响第二个下拉框中的值。我对AJAX或JS并不擅长,当用户选择一个单选按钮时,我无法弄清楚如何触发AJAX加载。使用jquery点击事件触发AJAX
我很抱歉代码的墙,我不知道什么是重要的,所以我包括了一切似乎相关。如果你想看到有问题的页面,你可以看到它here.
的代码我使用生成单选按钮看起来像这样:
$(function(){
$("#options-1 option").each(function(i, e) {
$("")
.attr("value", $(this).val())
.attr("checked", i == 0)
.click(function() {
$("#options-1").val($(this).val());
})
.appendTo("#r");
$("#options-1").change(function(){
$("input[name='r'][value='"+this.value+"']").attr("checked","checked");
});
});
});
$("#options-1").change(function(){
$("input[name='r'][value='"+this.value+"']").attr("checked","checked");
});
的下拉菜单中的HTML这个样子:
Framing
Print Only (Unframed)
Professionally Framed
Size
12 x 8
24 x 36
的AJAX看起来像这样:
/*
var ShoppSettings = {
ajaxurl: "http://example.com/dev3/wp-admin/admin-ajax.php",
cp: "1",
c: "$",
p: "2",
t: " ",
d: ".",
g: "3",
nocache: "",
opdef: ""
};
var pricetags = {};
jQuery(window).ready(function(){ var $ = jqnc();
pricetags[1] = {};
pricetags[1]['pricing'] = {"18770":{"p":10,"i":false,"s":false,"t":"Shipped"},"25785":{"p":21,"i":true,"s":"1","t":"Shipped"},"23510":{"p":20,"i":false,"s":false,"t":"Shipped"}};
pricetags[1]['menu'] = new ProductOptionsMenus('select.category-catalog.product1.options',true,pricetags[1]['pricing'],0);
});
/* ]]> */
2010-10-21
Thomas
+1
我倾向于将更多的成功绑定事件处理程序添加到DOM后添加到新元素。 –
2010-10-21 02:53:47
+0
好的,我移动了绑定事件处理程序,还有其他建议吗?你知道更新事件是如何被触发的吗? –
2010-10-21 04:34:25
ajax点击事件触发后台,使用jquery点击事件触发AJAX相关推荐
- java弹窗点击事件_[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面)...
[Java教程]jQuery的click事件在当前页弹出层窗口(不打开新页面) 0 2015-10-24 15:00:04 当给链接添加一个click事件,我们可能不希望Web浏览器按照其常规模式退出 ...
- php点击按钮显示隐藏代码,jQuery中点击按钮实现显示与隐藏的方法
jQuery能够简单快捷的实现很多功能,因此在前端开发中被广泛使用,正在学习jQuery的小伙伴,你会用jQuery实现点击显示再次点击隐藏的效果吗(即jQuery二次点击隐藏)?这篇文章就和大家讲讲 ...
- jq中法可以发起ajax请求的方法有,js与jQuery终止正在发送的ajax请求的方法
本文实例讲述了js与jQuery终止正在发送的ajax请求的方法.分享给大家供大家参考,具体如下: 核心:调用XMLHttpRequest对象上的abort方法 jquery的ajax方法有自己的超时 ...
- ajax传值从前台到后台乱码,jquery ajax传值,get方式后台中文乱码
经过jquery ajax传值,后台出现中文乱码,通过一番摸索后发现原来客户端浏览器经过get方式传递到项目后台时,编码格式是ISO-8859-1,须要咱们在后台通过转码才能正常使用.方法以下:jav ...
- ajaxfileupload ajax 异步文件上传 进度条,jQuery ajaxFileUpload.js 文件异步ajax上传(示例代码)...
jQuery.extend({ createUploadIframe: function(id, uri) { //create frame var frameId = 'jUploadFrame' ...
- jQuery碎语(2) 事件
4.事件 ● 通过方法名给元素绑定事件: $('li').click(function(event){}) ● 通过bind方法给元素绑定事件: $('li') .bind('click',funct ...
- jQuery中绑定事件的几种方法
以click事件为例,jQuery中绑定事件有三种方法: (1)target.click(function(){}); (2)target.bind("click",functi ...
- jquery 检测回车事件_jquery 回车事件
简单地记下jquery实现回车事件,代码如下: 全局: $(document).keydown(function(e){ if(e.keyCode==13){ $(".login-li in ...
- ajax respon有数据,Ajax怎么通过response在后台传递数据?(附代码)
这次给大家带来Ajax怎么通过response在后台传递数据?(附代码),Ajax通过response在后台传递数据的注意事项有哪些,下面就是实战案例,一起来看一下. 这是js代码:var Syste ...
最新文章
- asp.net mvc 3 unobtrusive client side validation not working in IE
- 联想S820 MIUI刷机包 MIUI 4.4.30 流畅执行 在线主题破解
- numpy中amin()方法中维度axis=0 1 2 的理解
- android avc格式,Android权限 - avc权限问题
- 常用 Java Profiling 工具的分析与比较
- 电脑学习方法_怎样快速学习和熟悉电脑知识?|从小白到大神的快捷方法
- 手写的奇怪vector
- Ubuntu 12.10使用apt安装Oracle/Sun JDK
- fiddler打开后 浏览器就上不了网的解决方法
- 自动驾驶“老司机”拼车技,MIT的这个比赛已经飙到了时速123公里
- 均匀分布取某一点概率_统计概率思维
- 练习3 - 铲雪车(snow)
- 什么是软件验收测试?验收测试的标准和流程介绍
- 趣图:没想到 CSS 深灰色是这样的
- hazelcast java_Java分布式内存开源实现:Hazelcast
- 写一段情人节耳钉礼物文案,要求100字左右,以小红书的形式展示,带emoji表情包,带分段,吸引眼球,情绪化,最后加一些tag...
- ssm智能餐厅菜品厨位分配管理系统 java
- ESP32-C3入门教程 WiFi篇②——WiFi Station 模式连接到 AP 热点接入点
- SNIPER: Efficient Multi-Scale Training解读
- 蓝桥杯51单片机学习——proteus8关于51工程文件的创建
热门文章
- SAP Spartacus MyCompany菜单里Org unit的Add按钮Accessibility问题初始分析
- SAP C4C,CRM和S4HANA的Saved Query使用介绍
- Angular FormBuilder的工作原理
- where is url parameter evaluated in UI5 core q.sap.getUriParameters
- SAP UI5 myTask setBindingContext in SAP Fiori application
- 从SAP社区上的一篇博客开始,聊聊SAP产品命名背后的那份情怀
- Another approach to enable table edit in SE16
- 如何在Github里创建organization和代码仓库
- 一个nodejs里日志文件的实现
- 如何使用事务码SMICM分析ABAP代码发起的HTTP请求的错误