Pegar valor do submit do <tr>

[Viniiciiu Spinellis 0]

Pessoal bom dia.

 

Minha dúvida é basicamente a seguinte: Tenho uma tabela que tem um submit para cada linha, o submit enviar pro jquery que faz o update. Não estou conseguindo fazer o jquery identificar qual o submit que eu cliquei, sempre vai o valor do primeiro.

 

Segue o código:

$(function($) {
	// Quando o formulário for enviado, essa função é chamada
	$("#aloctec").submit(function() {
		// Colocamos os valores de cada campo em uma váriavel para facilitar a manipulação
		var customer = $("#customer option:selected").val();
		var id_serv = $("#id_serv").val();
		
		// Exibe mensagem de carregamento
		$("#status").html(id_serv);
		// Fazemos a requisão ajax com o arquivo envia.php e enviamos os valores de cada campo através do método POST
		$.post('aloctec.php', {customer: customer, id_serv:id_serv }, function(resposta) {
			data: $("form#"+id).serialize()
				// Quando terminada a requisição
				// Exibe a div status
				$("#status").slideDown();
				// Se a resposta é um erro
				if (resposta != false) {
					// Exibe o erro na div
					$("#status").html(resposta);
				} 
				$("#status").hide("slow");
				return false;
		});
	});
});
</script>

 		<form id="aloctec" action="javascript:func()" method="post">
        <table class="as_gridder_table" width="100%" style="font-size:10px">
        <thead>
            <tr class="grid_header">
                <td><div class="grid_heading">Id</div></td>
                <td><div class="grid_heading">Assinante</div></td>
                <td><div class="grid_heading">Região</div></td>
                <td><div class="grid_heading">Técnico</div></td>
                <td><div class="grid_heading">Serviço</div></td>
                <td><div class="grid_heading">Período</div></td>
                <td><div class="grid_heading">Agendamento</div></td>
                
                
            </tr>
            </thead>
             <tbody>
                      <?php
            if($count <= 0) {
            ?>
         
            <tr id="norecords">
                <td align="center">Nenhuma os para hoje</td>
            </tr>
          
            <?php }else{
			while($dadoss= mysql_fetch_array($queryss)){
			?>
           
            <tr>
           
                <td><?php echo $dadoss['id_servico']; ?></td>
                <td><?php echo $dadoss['nome_assinante']; ?></td>
                <td><?php echo $dadoss['regiao_servico']; ?></td>
                <td>
               
                <div id="status"></div>
                <select id="customer">
                <option selected="selected">Selecione</option>
                <?php 
				$pegdados = mysql_query("SELECT * FROM tecnicos");
				while($dados = mysql_fetch_array($pegdados)){
				?>
                <option><?php echo $dados['NomeAbrev']; ?></option>
                <?php }; ?>
                </select>
                <input type="hidden" value="<?php echo $dadoss['id_servico']; ?>" id="id_serv" />
                <input type="submit" value="ALC" />
                
                </td>
                <td><?php echo $dadoss['tipo_servico']; ?></td>
                <td><?php echo $dadoss['periodo_agendado']; ?></td>
                <td><?php echo $dadoss['confimado_agendamento']; ?></td>
                
            </tr>
           <?php
		      };
			  };
			  ?> 
           
            </tbody>
            </table>
            </form>

[Marco Bruno 19]

Olá, Viniiciiu.

 

O atributo id só pode ter um elemento por página com o mesmo valor. Como está é a regra quando você faz:

$(#id_serv);

assim que o jQuery acha o primeiro elemento ele não continua verificando se tem mais elementos com o id=id_serv.

Se você quer pegar elementos com o mesmo valor o atributo que você tem que utilizar no HTML é class.

 

Troca o atributo id dessa linha:

<input type="hidden" value="<?php echo $dadoss['id_servico']; ?>" id="id_serv" />

por class:

<input type="hidden" value="<?php echo $dadoss['id_servico']; ?>" class="id_serv" /> 

Depois altere seu JavaScript, pra deixar de pegar o elemento pelo id:

var id_serv = $("#id_serv").val();

e pegar pela class:

var id_serv = $(".id_serv").val();

Espero que resolva, se não resolver avisa que dou uma olhada melhor no código. :-)