jquery从名称中动态创建的输入中获取值

Question

我有一个动态创建的表单，具体取决于所选值，它会创建各种文本输入，并根据其是否为新的值，如果不是值填充从一个MySQL数据库中的数据，当我要提交表单，并作出新的插入我试图从输入的所有值，但没有值返回

$('input#send.clientenom').live('click', function(){ 
    var id_cliente = $('select#clienteslist.list').val(); 
    var contacto = $('.clientenom input[name="contacto"]').val(); 
    var cliente = $('.clientenom input[name="cliente"]').val(); 
    var direccion = $('.clientenom input[name="direccion"]').val(); 
    var colonia = $('.clientenom input[name="colonia"]').val(); 
    var estado = $('.clientenom input[name="estado"]').val(); 
    var cp = $('.clientenom input[name="cp"]').val(); 
    var telefono = $('.clientenom input[name="telefono"]').val(); 
    var email = $('.clientenom input[name="email"]').val(); 
    var acumulado = $('.clientenom input[name="acumulado"]').val(); 
    var tipocliente = $('.clientenom input[name="tipocliente"]').val(); 
    var prospecto = $('.clientenom input[name="prospecto"]').val(); 
    var nivel = $('.clientenom input[name="nivel"]').val(); 
    var proynom = $('.regname input[name="regproyname"]').val(); 
    alert(id_cliente, contacto, cliente, direccion, colonia, estado, cp, telefono, email, acumulado, tipocliente, prospecto, nivel, proynom); 
      data = JSON.parse(data);  

    if(id_cliente == 0){ 

    var jqxhr = $.post("php/registrop.php",{"id_tipo":tipocliente, "id_prospecto":prospecto, "id_nivel":nivel, "contacto":contacto,"cliente":cliente, "direccion":direccion, "colonia":colonia, "estado":estado, "cp":cp, "telefono":telefono, "email":email, "acumulado":acumulado, "proyecto":proynom},function(data){ 
    if (typeof (data) == 'object' && JSON.parse){ 

var html = ''; 
var len = data.length; 
for (var i = 0; i< len; i++) {  
    var d = data[i]; 
    if(!d.error){ 
    if(d.Success == true){ 
html += d.Message;} 
}else{ 
      alert(d.error); 
    }} 
    alert(d.Message); 
    }else{ 

    alert("error no se puede parsear"); 
    } 




     })}else{ 
      var jqxhr = $.post("php/registrop.php",{"id_cliente":id_cliente, "proyecto":proynom},function(data){ 
         data = JSON.parse(data);  
    if (typeof (data) == 'object' && JSON.parse){ 

var html = ''; 
var len = data.length; 
for (var i = 0; i< len; i++) {  
    var d = data[i]; 
    if(!d.error){ 
if(d.Success == true){ 
html += d.Message; 
} 

}else{ 
    alert(html); 
    }} 
      alert(d.error); 
    alert("error no se puede parsear"); 
    } 


     }) 
      } 
    }); 

警报只是调试看值，但我得到的唯一价值是id_cliente val没有其他值添加我需要绑定o委托投入？还我的提交按钮是键入按钮不提交，所以它不会重新加载页面提前感谢！

形式设立这样：

function selectedcliente(){ 
var id_clientea = $('select#clienteslist.list').val(); 
if($('form#info.customForm').length > 0 || id_clientea == ""){ 

    $('.clienteinfo').empty(); 
      } 
if(id_clientea == 0){ 
var html = ''; 
html += '<form class="customForm" id="info">' + 
'<div>' + 
'<label for="contacto">Contacto</label>' + 
'<input type="text" name="contacto" class="clientenom" value=""/><span id="contactoinfo">Nombre del contacto del cliente</span>' + 
'</div>' + 
'<div>' + 
'<label for="cliente">Cliente</label>' + 
'<input type="text" name="cliente" class="clientenom" value=""/><span id="clienteinfo">Nombre de la empresa/cliente</span>' + 
'</div>' + 
'<div>' + 
'<label for="direccion">Direccion</label>' + 
'<input type="text" name="direccion" class="clientenom" value=""/><span id="direccioninfo">Direccion de la empresa</span>' + 
'</div>' + 
'<div>' + 
'<label for="colonia">Colonia</label>' + 
'<input type="text" name="colonia" class="clientenom" value=""/><span id="coloniainfo">Colonia de la empresa</span>' + 
'</div>' + 
'<div>' + 
'<label for="estado">Estado</label>' + 
'<input type="text" name="estado" class="estado" value=""/><span id="estadoinfo">Estado donde se encuentra la empresa</span>' + 
'</div>' + 
'<div>' + 
'<label for="cp">Codigo Postal</label>' + 
'<input type="text" name="cp" class="clientenom" value=""/><span id="cp">Codigo Postal del lugar de la empresa</span>' + 
'</div>' + 
'<div>' + 
'<label for="telefono">Telefono</label>' + 
'<input type="text" name="telefono" class="clientenom" value=""/><span id="telefonoinfo">Telefono de la empresa</span>' + 
'</div>' + 
'<div>' + 
'<label for="email">E&ndash;mail</label>' + 
'<input type="text" name="email" class="clientenom" value=""/><span id="emailinfo">E&ndash;mail de la empresa</span>' + 
'</div>' + 
'<div>' + 
'<label for="acumulado">Acumulado</label>' + 
'<input type="text" name="acumulado" class="clientenom" value=""/><span id="acumuladoinfo">Total de todas las compras que se han hecho</span>' + 
'</div>' + 
'<div>' + 
'<label for="tipocliente">Tipo del Cliente</label>' + 
'<input type="text" name="tipocliente" class="clientenom" value=""/><span id="tipoclienteinfo">Que tipo de cliente es (Gobierno, Particular, Industrial, Distribuidor, Particular GR)</span>' + 
'</div>' + 
'<div>' + 
'<label for="prospecto">Prospecto o Cliente</label>' + 
'<input type="text" name="prospecto" class="clientenom" value=""/><span id="prospectoinfo">Prospecto o Cliente?</span>' + 
'</div>' + 
'<div>' + 
'<label for="nivel">Nivel del Cliente</label>' + 
'<input type="text" name="nivel" class="clientenom" value=""/><span id="nivelinfo">Nivel del cliente (depende del total acumulado)</span>' + 
'</div>' + 
'<div>' + 
'<input type="button" class="clientenom" id="send" value="Registrar Proyecto" />' + 
'</div>' + 
'</form>' 
; 
     $('.clienteinfo').append(html); 
} 
else 
{ 
var jqxhr = $.post('php/selectcliente.php',{"id_cliente":id_clientea}, function(data){ 
data = JSON.parse(data); 

if(typeof(data) == 'object' && JSON.parse){ 
var html = ''; 
var len = data.length; 
//alert(len); 
for(var i = 0; i<len; i++){ 
var d = data[i]; 
    if(!d.error){ 

html += '<form class="customForm" id="info">' + 
'<div>' + 
'<label for="contacto">Contacto</label>' + 
'<input type="text" name="contacto" class="clientenom" value="' + d.contacto + '"/><span id="contactoinfo">Nombre del contacto del cliente</span>' + 
'</div>' + 
'<div>' + 
'<label for="cliente">Cliente</label>' + 
'<input type="text" name="cliente" class="clientenom" value="' + d.cliente + '"/><span id="clienteinfo">Nombre de la empresa/cliente</span>' + 
'</div>' + 
'<div>' + 
'<label for="direccion">Direccion</label>' + 
'<input type="text" name="direccion" class="clientenom" value="' + d.direccion + '"/><span id="direccioninfo">Direccion de la empresa</span>' + 
'</div>' + 
'<div>' + 
'<label for="colonia">Colonia</label>' + 
'<input type="text" name="colonia" class="clientenom" value="' + d.colonia + '"/><span id="coloniainfo">Colonia de la empresa</span>' + 
'</div>' + 
'<div>' + 
'<label for="estado">Estado</label>' + 
'<input type="text" name="estado" class="estado" value="' + d.estado + '"/><span id="estadoinfo">Estado donde se encuentra la empresa</span>' + 
'</div>' + 
'<div>' + 
'<label for="cp">Codigo Postal</label>' + 
'<input type="text" name="cp" class="clientenom" value="' + d.cp + '"/><span id="cp">Codigo Postal del lugar de la empresa</span>' + 
'</div>' + 
'<div>' + 
'<label for="telefono">Telefono</label>' + 
'<input type="text" name="telefono" class="clientenom" value="' + d.telefono + '"/><span id="telefonoinfo">Telefono de la empresa</span>' + 
'</div>' + 
'<div>' + 
'<label for="email">E&ndash;mail</label>' + 
'<input type="text" name="email" class="clientenom" value="' + d.correo + '"/><span id="emailinfo">E&ndash;mail de la empresa</span>' + 
'</div>' + 
'<div>' + 
'<label for="acumulado">Acumulado</label>' + 
'<input type="text" name="acumulado" class="clientenom" value="' + d.acumulado + '"/><span id="acumuladoinfo">Total de todas las compras que se han hecho</span>' + 
'</div>' + 
'<div>' + 
'<label for="tipocliente">Tipo del Cliente</label>' + 
'<input type="text" name="tipocliente" class="clientenom" value="' + d.tipo_cliente + '"/><span id="tipoclienteinfo">Que tipo de cliente es (Gobierno, Particular, Industrial, Distribuidor, Particular GR)</span>' + 
'</div>' + 
'<div>' + 
'<label for="prospecto">Prospecto o Cliente</label>' + 
'<input type="text" name="prospecto" clss="clientenom" value="' + d.prospecto + '"/><span id="prospectoinfo">Prospecto o Cliente?</span>' + 
'</div>' + 
'<div>' + 
'<label for="nivel">Nivel del Cliente</label>' + 
'<input type="text" name="nivel" class="clientenom" value="' + d.nivel + '"/><span id="nivelinfo">Nivel del cliente (depende del total acumulado)</span>' + 
'</div>' + 
'<div>' + 
'<input type="button" class="clientenom" id="send" value="Registrar Proyecto" />' + 
'</div>' + 
'</form>' 
; 
    }else{ 
     alert(d.error); 
     } 

    } 
    $('.clienteinfo').append(html); 
}else{ 
    alert("Is not object"); 

    } 
    }); 
    } 
} 

Answer 1

.clientenom input[name="nivel"]试图找到nivel是内与班上clientenom元素的name的input。

这不是你的html中的情况。该输入不在.clientenom之内，它本身具有该类别。

除非你有多个同名的投入，只是下降的类都在一起：

var contacto = $('input[name="contacto"]').val(); 

如果你确实需要的类，它应该是：

input.clientenom[name="nivel"] 

或

input[name="nivel"].clientenom 

编辑：在类似的笔记，在大多数情况下，没有理由做类似select#clienteslist.list。如果元素有一个ID，只需使用该ID，除非有某些原因，只有当它是一个select并具有该类列表时才需要它。