jquery 的表单动态ID选择器

在一组动态生成的<select>表单元素中利用动态ID 定位元素
$(‘#driver_confirm‘).live(‘click‘, function() {

var autoOrderid = $(this).attr(‘data-autoOrderid‘);
//alert(autoOrderid);
//alert($(‘select[name=day‘+autoOrderid+‘]‘).val());
//return false;
var date = $(‘select[name=day‘+autoOrderid+‘]‘).val();//name 是带有day前缀+id生成的
var time = $(‘select[name=time‘+autoOrderid+‘]‘).val();

var driverid=<?php echo $driverid;?>;
$.ajax({
type : ‘post‘,
url : ‘/orderExtend/driver_confirm‘,
data : {"driverid" : driverid, "autoOrderid" : autoOrderid},
success : function(data) {
alert(data)
if(data == 1) {
alert(‘成功指派物流车辆,司机将收到系统提示!‘);
var url = "/empOrder/emp_manage";
window.location.href = url;
} else {
alert(‘发生错误!‘);
}
}
});

});

时间: 2024-10-16 06:31:40

jquery 的表单动态ID选择器的相关文章

jQuery实现表单动态添加与删除数据操作示例

<!DOCTYPE html> <html lang="en"> <head>   <meta charset="UTF-8">   <title>用户名注册</title>   <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>   <script&g

第一百六十八节,jQuery,表单选择器

jQuery,表单选择器 学习要点: 1.常规选择器 2.表单选择器 3.表单过滤器 表单作为 HTML 中一种特殊的元素,操作方法较为多样性和特殊性,开发者不但可以 使用之前的常规选择器或过滤器,也可以使用 jQuery 为表单专门提供的选择器和过滤器来 准确的定位表单元素. 一.常规选择器 我们可以使用 id.类(class)和元素名来获取表单字段,如果是表单元素,都必须含有 name 属性,还可以结合属性选择器来精确定位. $('input').val(); //元素名定位,默认获取第一个

[ jquery 表单UI选择器和表单元素属性选择器 ] 表单UI选择器和表单元素属性选择器

表单UI选择器和表单元素属性选择器: 实例: <!DOCTYPE html> <html lang='zh-cn'> <head> <title>Insert you title</title> <meta http-equiv='description' content='this is my page'> <meta http-equiv='keywords' content='keyword1,keyword2,keywo

jQuery 表单域选中选择器

复选框.单选按钮.下拉列表 /***********************************************/ <script type="text/javascript"> function f1(){ //获得复选框选中情况 //$(:checked) 过滤出被选中的复选框.单选按钮 console.log($("input:lt(4):checked")); //每个过滤选择器使用之前,已经获得的元素节点的下标进行归位(从0开始重新

使用jquery修改表单的提交地址

基本思路: 通过使用jquery选择器得到对应表单的jquery对象,然后使用attr方法修改对应的action 示例程序一: 默认情况下,该表单会提交到page_one.html 点击button之后,表单的提交地址就会修改为page_two.html <!doctype html> <html> <head> <meta charset="utf-8"> <title>jquery test</title> &

Jquery 将表单序列化为Json对象

使用下面代码时注意不要忘记引入jquery文件,以下代码可以复制到html文件中执行可看到效果,非常方便好用.附代码: <!DOCTYPE html> <html> <head> <title></title> <script src="jquery-2.0.3.min.js"> </script> </head> <body> <form id="myForm&

jquery验证表单 提交表单

问题: jquery中使用submit提交按钮时,当return false后,依然会提交表单. 解决: 使用button按钮,而不是submit按钮 <script type="text/javascript" src="scripts/jquery-2.0.2.js"></script> <script type="text/javascript"> function check(){ var npassw

基于JQuery实现表单元素值的回写

form.jsp: <%@ page language="java" import="java.util.*" pageEncoding="GB2312"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html &

jQuery获取表单各元素的值

radio值获取 $("input[type='radio']:checked").val(); 2,设置指定的项为当前选中项 $("input[type='radio']").eq(1).attr("checked",true);//设置第二项为选中项 <input type="text" name="textname" id="text_id" value="&quo