Javascript/PHP - Passing data to modal(popup)

Question

I currently have a javascript popup div that contains a select object that is populated from a POST variable that was generated from the main page. Is it efficient to pass data with html via post to pass data to a popup? Or is there a better way to do this?

main page

< ?php 
require('testclass.php);
$obj = new testclass();
foreach ($obj->getlist as $listobj)
{
$output .= "<option>" . $listobj['name'] . "</option>";
?>

main page javascript

<script type=text/javascript">
$(document).ready(function () {
$("#a_popup").click(function () {
$("#div_popup").load("popup.php", {"list" : "<?php echo $output ?>"});
});
});

popup.php

<select> <?php echo $_POST['list'] ?> </select>

Why wouldn't you pass an id or something and let popup.php handle the processing? Seems more sane than passing a huge html string to a file that only appears to wrap the string in a select tag. Alternatively, write the select tag to the html and hide it. Use the click listener to reference the hidden id and do with it as you please from there — Kai Qing
– Kai Qing, Commented Oct 1, 2013 at 17:37
you can send a response back to page and display elements with php/html — noobie-php
– noobie-php, Commented Oct 1, 2013 at 17:38

noobie-php · Accepted Answer · 2013-10-01 17:43:05Z

1

You can send data back to page and do something like this

   <select name="what ever you want">
                            <option value=""></option>
                            <?php
                            foreach ($values_from_page_you_sent as $key => $value)
                            {

                                    echo '<option value="' . $key . '">' . $value . '</option>';
                            }
                            ?>
                        </select>

Something like this you can modify it according to your use values_from_page_you_sent are values that you send from some X page to this page.

Edit: if you are looking Jquery/JS based solution then that is another scenario which you can do some thing like this

jQuery.each(data, function(key, value) {
            jQuery('select[name="' + populatedElement + '"]')
                    .append(jQuery("<option></option>")
                    .attr("value", key)
                    .text(value));
        });

answered Oct 1, 2013 at 17:43

noobie-php

7,32416 gold badges60 silver badges106 bronze badges

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

2 Comments

Ralph Over a year ago

Thanks for the info. I may just use Json to transfer the data over to the popup page. Sending html tags via the post method is a little over kill.

noobie-php Over a year ago

well if you think it works for you then use my Jquery part using JSON and then ...(if it works :))

Collectives™ on Stack Overflow

Javascript/PHP - Passing data to modal(popup)

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related