php in jquery code possible?

Question

I have the below jquery function

$(function(){
  $("select#rooms").change(function(){
    $.getJSON("/admin/select.php",{id: $(this).val(), ajax: 'true'}, 
    function(j){
      var options = '';
      for (var i = 0; i < j.length; i++) {
        options += '<option value="' + j[i].optionValue + '">' 
        + j[i].optionDisplay + '</option>';
      }
      $("select#ctlPerson").html(options);
    })
  })
})

as you see I am passing two values to select.php. The second value is a hardcoded text. Instead of that I would like to send some dynamic value. Can I put a php variable there somehow and pass that?

Basically I am calling a backend script on drop down change and passing its id ..but in some cases I will want to pass another value which is also dependent on drop down change.

Where would the 'dynamic value' you reference come from? You can't pass php variables from outside php, but php and js will have access to the same resources and select.php might be able to get the data on it's own. (Assuming you're not passing client-side information) — anschauung
– anschauung, Commented Sep 8, 2009 at 3:57

Gabriel Hurley · Accepted Answer · 2009-09-08 03:56:16Z

1

You can't directly include something that PHP will immediately understand as a variable, but you could use JSON to serialize your javascript variable and then parse it in PHP, turning it back into a variable PHP knows how to deal with.

This works well for complex data like arrays or objects... it's sorta overkill for simple values, which you can just pick up from $_GET/$_POST in PHP.

answered Sep 8, 2009 at 3:56

Gabriel Hurley

40.2k14 gold badges64 silver badges89 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

karim79 · Accepted Answer · 2009-09-08 03:54:21Z

0

Do you mean something like this:

$(function(){
  var isAjax = '<?=isAjax?>';
  $("select#rooms").change(function(){
    $.getJSON("/admin/select.php",{id: $(this).val(), ajax: isAjax}, 
    function(j){
      var options = '';
      for (var i = 0; i < j.length; i++) {
        options += '<option value="' + j[i].optionValue + '">' 
        + j[i].optionDisplay + '</option>';
      }
      $("select#ctlPerson").html(options);
    })
  })
})

answered Sep 8, 2009 at 3:54

karim79

343k67 gold badges420 silver badges409 bronze badges

Comments

user128026 · Accepted Answer · 2009-09-08 03:59:58Z

0

you can pass as the second parameter value the results of a jquery select, just like the first argument

formulate a select that grabs the element you require. it may not be $(this).val() item but perhaps $('isAjax').val()

answered Sep 8, 2009 at 3:59

user128026

6534 silver badges8 bronze badges

Collectives™ on Stack Overflow

php in jquery code possible?

3 Answers 3

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related