Pretendo criar uma tabela onde um dos campos é do tipo drop down, constituído pelos valores chave de uma matriz associativa e de acordo com a chave que se escolhe, uma segunda coluna é atualizada automaticamente com o valor correspondente.
A matriz associativa tem a seguinte forma:
$JusRes=array(
"Jus 1"=>"Resp 1",
"Jus 2"=>"Resp 2",
"Jus 3"=>"Resp 3"
);
Função javascript:
<script type='text/javascript'>
function mudaRes(indice){
var just=document.getElementById('Just');
var selectedOption = just.options[just.selectedIndex];
var respValue = selectedOption.getAttribute('Resp');
var resp=document.getElementById('DadosTab');
var Re=document.getElementById('Res');
Re.value = respValue;
resp.rows[indice+1].cells[4].innerHTML = respValue;
}
</script>
Esta configuração só funciona quando eu clicko a primeira vez na primeira linha, o dado correscpondente é colocado na coluna Resp e consigo guardar esse dado, o problema é quando clicko na segunda linha, a partir daqui, não funciona mais a atualização da coluna "Resp" nem consigo obter os dados escolhidos.
Pretendo guardar os dados, para no fim de clicar em "Send" inserir na BD.
Constituição da tabela:
<table id='DadosTab'>
<tr>
<th>Nome</th>
<th>Sobrenome</th>
<th>Idade</th>
<th>Just</th>
<th>Resp</th>
</tr>";
echo "<form action='' method='POST'>";
$indtd=0;
$indtr=0;
foreach ($Dados as $chave=>$valor){
echo "<tr id='".$indtr."'>";
//nome
echo "<td align='center'><input type='hidden' name='nome[]' value='".$Dados[$indtr][0]."' />".$Dados[$indtr][0]."</td>";
$indtd++;
//sobrenome
echo "<td align='center'><input type='hidden' name='sobrenome[]' value='".$Dados[$indtr][1]."' />".$Dados[$indtr][1]."</td>";
$indtd++;
//idade
echo "<td align='center'><input type='text' name='idade[]' value='".$Dados[$indtr][2]."' /></td>";
$indtd++;
//echo "<td align='center'>".$Dados[$ind][2]."</td>";
echo "<td><select id='Just' name='Just[]' style='width: 220px' onchange=mudaRes($indtr)>";
$indtd++;
echo "<OPTION>Tipo de Justificacao</OPTION>";
foreach ($JusRes as $Jus=>$Resp){
echo "<OPTION id='".$indtr."' Resp='".$Resp."' value='".$Jus."'>".$Jus."</OPTION>";
}
echo "</select></td>";
echo "<td align='center'><input id='Res' type='hidden' name='Res[]' /></td>";
$indtd++;
echo "</tr>";
$indtr++;
}
echo "<tr><th align='left' colspan='5'><input type='submit' value='Send' name='Send'></th></tr>";
echo "</form>";
Podem me ajudar?