jquery get value von dynamisch erstellte inputs mit dem Namen
Ich habe ein Formular, dass dynamisch erzeugt wird, je nach Wert ausgewählt, es macht verschiedene text-Eingänge und je, wenn Ihr eine neue reg die Werte sind leer, wenn nicht die Werte, die gefüllt sind mit Daten aus einer mysql-Datenbank, wenn ich will, das Formular zu senden und eine neue zu legen versuche ich alle Werte, die Eingänge aber keine Werte zurückgegeben,
$('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");
}
} )
}
});
alert ist nur zum Debuggen, um zu sehen, die Werte aber nur der Wert den ich bekomme, ist id_cliente val kein anderer Wert Hinzugefügt wird, muss ich binden o delegieren Sie die Eingänge? auch mein submit-button ist vom Typ button nicht Einreichen, er wird also nicht die Seite neu laden vielen Dank im Voraus!
form ist auf diese Weise erzeugt:
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–mail</label>' +
'<input type="text" name="email" class="clientenom" value=""/><span id="emailinfo">E–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–mail</label>' +
'<input type="text" name="email" class="clientenom" value="' + d.correo + '"/><span id="emailinfo">E–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");
}
});
}
}
- Bitte zeigen Sie uns den HTML-Code für das Formular.
Du musst angemeldet sein, um einen Kommentar abzugeben.
.clientenom input[name="nivel"]
ist auf der Suche nach eininput
mit einemname
vonnivel
ist innerhalb ein element mit der Klasseclientenom
.Dies ist nicht der Fall in den html-Code. Wird die Eingabe nicht innerhalb
.clientenom
ist es, die Klasse selbst.Es sei denn, Sie haben mehrere Eingänge mit dem gleichen Namen, nur fallen Sie der Klasse alle zusammen:
Wenn Sie tun müssen die Klasse, die es sein sollte:
oder
EDIT: Auf einer ähnlichen Anmerkung, in den meisten Fällen, gibt es keinen Grund, etwas zu tun, wie
select#clienteslist.list
. Wenn das element hat eine ID einfach mit der ID, es sei denn, es besteht Grund, Sie wollen nur, um es zu bekommen, wenn Sie eine select-und die hat die Klasse Liste.