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並具有該類列表時才需要它。