javascript onclick 甚至处理程序显示表单

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

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

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

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

Answer 2

如果您需要通过 PHP 加载一些后端信息，您将无法使用 AJAX - 特别是如果您需要此类信息而不重新加载页面。

您需要发送 AJAX 请求并填充所需的元素及其信息，然后再向下滑动 .col3flex 元素。

如果这不完全是您想要的，您需要进一步详细了解您的问题。

Answer 3

您好，您可以向任何其他页面发送 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
       <?
    }