PHP / jQuery - 将选择菜单附加到DOM对象

时间:2013-07-27 15:46:22

标签: php jquery

我很难绕过这个。我意识到PHP是基于服务器端的,jQuery是客户端。所以问题在于如何在调用时构建PHP,所以当调用jQuery操作时它已经准备就绪(我认为)。

我有一个应用程序,我点击一个日历日,选择框呈现选项。

这是我的jQuery调用:

 <script>
    var count = 0;

    $(".addRow").click(function(){
        var selector = $(this).data('num');
        count++;

        $("#tday_"+selector).append('<br/><br/><span>Additional Food choice: </span><select name='+selector+'>');
    });
  </script>

问题是 - 如何获取选择框的选项?是否有可能呈现一个选择框,我可以从该附加的PHP中检索?甚至可以从PHP附加到DOM对象,如果可以的话?

此点击确实有效,并呈现一个空的选择框。

谢谢!

1 个答案:

答案 0 :(得分:1)

AJAX就是答案。

jQuery Ajax POST example with PHP

另请参阅上面的示例。

您需要使用jquery向.php文件发送请求,并且您的php文件应echo select menu

在你的jQuery中,

<script>
    var count = 0;

    $(".addRow").click(function(){
        var selector = $(this).data('num');
        count++;
        $.post(url, { selector:selector }, function(data){
            $("#tday_"+selector).append('<br/><br/><span>
                             Additional Food choice: </span>'+data);
        //data is whatever php file returned.           
        });
    });
  </script>

我的意思是你的选择,你需要在.php文件中执行以下操作,

$selector = $_POST['selector'];  //variables from jquery.
    //Get your options using mysql.
echo "<select name='".$selector."'>
     <option value='".$option1."'>Option1</option>
     <option value='".$option2."'>Option2</option>
     <option value='".$option3."'>Option3</option>
     </select>";

将option1,2,3替换为你从mysql调用中获得的选项。

这将返回到jQuery,然后您可以随意添加到任何地方。