estou tentando fazer um update usando uma data-table, essa data-table é por padrão desabilitada para edição, e em cada linha tem um botão com nome 'Editar' ao clicar no botão a linha e habilitada para edição, e o nome do botão muda para 'Salvar'. Até aí tudo bem, mas, ao clicar no botão 'Salvar' deveria pegar os valores editados para fazer o update, voltar o nome do botão para 'Editar'e desabilitar novamente a ediçao.
js
function botaoEditar(button_edit){
if($(button_edit).parents("tr").find('button span').text() == "Editar"){
var _row = null;
_row = $(button_edit).parents("tr");
var cols = _row.children("td");
$(button_edit).parents("tr").find('input').prop('readonly', false);
alert($("input[name='cabo']").val());
$(button_edit).parents("tr").find('button').removeClass('btn_editar');
$(button_edit).parents("tr").find('button').addClass('btn_salvar');
$(button_edit).parents("tr").find('button span').text('Salvar');
} else{
var _row = null;
_row = $(button_edit).parents("tr");
$(button_edit).parents("tr").find('input').prop('readonly', true);
alert($("input[name='cabo']").val());
$(button_edit).parents("tr").find('button').removeClass('btn_salvar');
$(button_edit).parents("tr").find('button').addClass('btn_editar');
$(button_edit).parents("tr").find('button span').text('Editar');
}
Obs. o alert() nas duas condições do if retornam o mesmo valor que vem do banco de dados.
HTML /php
foreach($listaRamais as $listRamal){
echo"
<tr>
<td><input typ='text' id='cabo' name='cabo' maxlength='5'style='width:100%;text-align: center;' readonly='readonly' value='".$listRamal['cabo']."'/></td>
<td><input typ='text' name='par' maxlength='5'style='width:100%;text-align: center;' readonly='readonly' value='".$listRamal['par']."'/></td>
<td id='ramal'><input typ='text' name='ramal' maxlength='9'style='width:100%;text-align: center;' readonly='readonly' value='".$listRamal['numero_ramal']."'/></td>
<td><input typ='text' name='setor' maxlength='30' style='width:100%;text-align: center;' readonly='readonly' value='".$listRamal['setor_ramal']."'/></td>
<td>
<button id='btn_edite' type='button' onclick='botaoEditar(this);' class='btn_editar'>
<span class='glyphicon glyphicon-edit'>Editar</span>
</button>
</td>
<td style='display:none;'>".$listRamal['id_unidade']."</td>
</tr>
";
}
Alguem saberia me dizer como pegar os novos valores digitados?
$("input[name='cabo']")
sempre vai retornar esse elemento<input typ='text' id='cabo' name='cabo' maxlength='5'style='width:100%;text-align: center;' readonly='readonly' value='".$listRamal['cabo']."'/>