String concatenation problem and variables in the jquery load function

Question

String concatenation problem and variables in the jquery load function

Navigation

#1 by (2 votes)
#2 by (2 votes)
#3 by (1 votes)
#4 by (1 votes)

1

Follow the complete JavaScript code:

var idcl = document.getElementById('idcl').value;
$(document).ready(function(){
    $('#estados').change(function(){
        $('#cidades').load('cidades.php?estado='+$('#estados').val()+'&cliente='+idcl);
        $('#transacao').load('transacao.php?estado='+$('#estados').val()+'&cliente='+idcl+'&teste='+$('#cidades').val());
    });
});

Fields select:

 <select name="cidades" id="cidades">...</select>
 <select name="transacao" id="transacao">...</select>

I can not get this parameter: teste='+$('#cidades').val() to get the value that is in #cidades .

javascript

asked by anonymous 09.12.2015 / 17:24

4 answers

How to give a SELECT in several databases at the same time? How to instantiate an Activity with EditText fields without being automatically selected?

score 2 · Answer 1

Try to separate the value into a variable.

var idcl = document.getElementById('idcl').value;
$(document).ready(function(){
    $('#estados').change(function(){
        var estados = $('#estados').val();
        $('#cidades').load('cidades.php?estado='+estados+'&cliente='+idcl);
        $('#transacao').load('transacao.php?estado='+ estados +'&cliente='+idcl+'&teste='+$('#cidades').val());
    });
});

score 2 · Answer 2

Try to do this using the same jQuery method, below, I've created a JSON for each parameter:

$(document).ready(function(){
    $('#estados').change(function(){
       var params = {
            cliente:$('#idcl').val(),
            cidades:$('#cidades').val(),
            estado:$('#estados').val()
       };
        $('#cidades').load('cidades.php?estado=' + params.estado + '&cliente=' + params.cliente);
        $('#transacao').load('transacao.php?estado=' + params.estado + '&cliente=' + params.cliente + '&teste=' + params.cidades);
    });
});

score 1 · Answer 3

To retrieve values from <select> in jQuery, it looks like this:

var estado = $('#estados option:selected').attr('value');

Because the <select> object has no value, it has several options, and you have to bring the value of the selected option.

score 1 · Answer 4

Dude, the problem must be in option 's select .

Make sure you wrote your select to <option value='ba'>Bahia</option> . In the case I mentioned, if you use $('#estados').val() , it will return "ba" .

Also check that the id is correct in select .

Sometimes it's a typo that goes unnoticed.