Question

我想将变量传递给另一个表单，当单击某个单选按钮时，该表单将自动显示。但是不确定最好的方法，因为不想刷新页面。

表格开头的javascript是：

$(document).ready(function(){
    $(".col3flex").css("display","none");
        $(".category").click(function(){

        if ($('input[name=category]:checked')) {
            $(".col3flex").slideDown("fast"); 

        } else {
            $(".col3flex").slideUp("fast");  //Slide Up Effect
        }
     });
});

我现在需要做的是传递单选按钮值，由我的php select语句选取，以显示正确的值。

我将如何实现这一点

感谢

Answer 1

如果你需要通过PHP加载一些后端信息，你就不会遇到AJAX - 特别是如果你需要这些信息而不重新加载页面。

在向下滑动.col3flex - 元素之前，您需要发送AJAX请求并填充其信息所需的元素。

如果那不是你想要的，你需要进一步了解你的问题。

Answer 2

您可以向任何其他页面发送ajax请求，以便您进行其他选择。在点击事件中，只需向其他页面发送ajax请求

 $(document).ready(function(){
$(".col3flex").css("display","none");
    $(".category").click(function(){

    if ($('input[name=category]:checked')) {
        var url='somepage.php';
        var data=$(".category").val();
        $.ajax({url:url,data:data,type:'POST',success:function(data){
         //here you will just populate the html response sent by `somepage.php` say your select has id='select' then
          $('#select').html(data));
         }});
        $(".col3flex").slideDown("fast"); 

    } else {
        $(".col3flex").slideUp("fast");  //Slide Up Effect
    }
 });
 });

您的somepage.php文件将获得post数据并生成下拉列表

   if(isset($_POST))
    {
      ?>
       //Your html for generating a select statement
       <?
    }

Answer 3

我相信您在使用事件处理程序时遇到问题，然后检查单选按钮的值。我认为这就是你需要的（我假设“.category”是单选按钮？）

$('.category').change(function() {

    if ($(this).val('checked') === 'checked') {
        // do whatever...
    }
});

javascript onclick事件处理程序显示表单

3 个答案: