4

Preciso resgatar o valor array do input que o usuário clicar, esses inputs são de valores dinâmicos.

HTML/PHP

<label>
    <i class="fa fa-lg fa-times-circle"><input value="<?=$fs_value?>" name="valor" type="button" data-toggle="modal" data-target="#delSession"></i>
</label>

JS

var val = $("input[name=valor]").val();
$.ajax({
    url:'delSession.php',
    type:'GET',
    data:'valor=' + val,
    success:function(data){
        $('.exibeDelSession').html(data);
    }
});
return false;

No caso não consigo colocar no value do input name="valor[]" pois não consigo resgatar no script e usando assim ele me traz apenas o primeiro valor independente de qual input clicar.

Serão vários inputs com valores diferentes, queria pegar por name ou input clicado, algo assim.

Fico no aguardo.

9
  • 1
    Se tem mais de um button como saber qual é o correto? Tem mais de um button certo?
    – rray
    Commented 29/01/2016 às 11:20
  • 1
    Não está claro onde está o "array". Seriam vários <input name="valor">, perfazendo assim um array? Commented 29/01/2016 às 11:20
  • 1
    Já tentou pegar por id ? Commented 29/01/2016 às 11:27
  • sim, serão vários buttons. e o array seria <input name="valor[]"> mas não consigo capturar no js esse array. Commented 29/01/2016 às 11:28
  • vc vai deletar mais de uma coisa por click?
    – rray
    Commented 29/01/2016 às 11:30

5 Respostas 5

5

$(document).ready(function(){
  var inputs = jQuery('input[name^="valor"]');
  var values = [];
  for(var i = 0; i < inputs.length; i++){
    values.push($(inputs[i]).val());
  }
  
  console.log(values);
  jQuery('#show').html(values.join(','));
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input value="1" name="valor[]" type="button" data-toggle="modal" data-target="#delSession">
<input value="2" name="valor[]" type="button" data-toggle="modal" data-target="#delSession">
<input value="3" name="valor[]" type="button" data-toggle="modal" data-target="#delSession">
<input value="4" name="valor[]" type="button" data-toggle="modal" data-target="#delSession">
<input value="5" name="valor[]" type="button" data-toggle="modal" data-target="#delSession">
<input value="6" name="valor[]" type="button" data-toggle="modal" data-target="#delSession">
<input value="7" name="valor[]" type="button" data-toggle="modal" data-target="#delSession">

<div id="show">
</div>

4

Defina uma classe no input.

<input value="<?=$fs_value?>" name="valor" type="button" data-toggle="modal" data-target="#delSession" class="pegarValor">

Feito isso, chame a função jQuery pela sua classe.

$(".pegarValor").on('click', function(){
    var valor = $(this).val(); // Aqui Pega o Valor do Input
    alert(valor);
    $.ajax({
        url:'delSession.php',
        type:'GET',
        data:{ valor: valor }, // Aqui define a variável que vai para o delSession.pgp
        success:function(data){
            $('.exibeDelSession').html(data);
        }
    });
});
6
  • vou testar zoom, vlw Commented 29/01/2016 às 11:32
  • 1
    Não testa muito que machuca Commented 29/01/2016 às 11:33
  • Zoom, noo delSession.php eu aplico um var_dump($_REQUEST); para receber o valor, no caso não aparece nada com essa aplicação que você passou, devo ter feito algo errado, vou rever e retorno. Commented 29/01/2016 às 11:38
  • E se você fizer var_dump($_GET) ? Commented 29/01/2016 às 11:41
  • mesma coisa, não recebe o valor. Commented 29/01/2016 às 11:47
4

Bom, Se é que entendi direito sua duvida vc pode passar para uma função colocando o "this" no onclick tipo:

<input type="button" value="teste" onclick="minhaFuncao(this)" />

<script>
minhaFuncao(id) {
 //-- codigo, sendo que o id é o elemento input todo
}
</script>
3

Solução apenas em javascript:

var input = document.querySelectorAll('input[name=valor]');
var tam = document.querySelectorAll('input[name=valor]').length;
for (var i = 0; i < tam; i++) {
  document.body.innerHTML += input[i].getAttribute('value');
}
<input value="1" name="valor" type="button" data-toggle="modal" data-target="#delSession">
<input value="2" name="valor" type="button" data-toggle="modal" data-target="#delSession">
<input value="3" name="valor" type="button" data-toggle="modal" data-target="#delSession">
<input value="4" name="valor" type="button" data-toggle="modal" data-target="#delSession">
<input value="5" name="valor" type="button" data-toggle="modal" data-target="#delSession">

1

HTML/PHP

<label>
    <i class="fa fa-lg fa-times-circle"><input value="<?=$fs_value?>" name="valor" type="button" data-toggle="modal" data-target="#delSession" class="pegarValor"></i>
</label>

JS

$("#delSession").focus(function(){
    $(".pegarValor").on('click', function(){
        //var val = $("input[type=button]").val();
        var valor = $(this).val();
        $.ajax({
            url:'delSession.php',
            type:'GET',
            data:'valor=' + val,
            success:function(data){
                $('.exibeDelSession').html(data);
            }
        });
        return false;
    });
});
7
  • segunda aplicação Zoom, só traz um valor como resultado independente de quantos inputs tenha Commented 29/01/2016 às 11:54
  • 1
    Mas é botão, Bruno. Botão só clica em um ao mesmo tempo. Se fosse checkbox eu concordaria. Daí você selecionava vários checkbox e apertaria um botão para deletar todos os marcados. Commented 29/01/2016 às 11:58
  • sim, mas imagina q eu tenha 5 inputs, se eu clicar no 3 o resultado sempre será do primeiro nesse script Commented 29/01/2016 às 12:03
  • Então o problema está na variável do valor, veja o que está trazendo no Inspect Element. Commented 29/01/2016 às 12:04
  • Note que você tem um erro ` data:'valor=' + val,` deveria ser ` data:'valor=' + valor,`. Commented 29/01/2016 às 12:12

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .