javascript onclick偶数处理程序显示表单
我想把一个变量传递给另一个窗体,当单击某个单选按钮时,它会自动显示出来。但是,由于不想刷新页面,因此不确定执行此操作的最佳方法 表单打开的javascript是:javascript onclick偶数处理程序显示表单,javascript,event-handling,Javascript,Event Handling,我想把一个变量传递给另一个窗体,当单击某个单选按钮时,它会自动显示出来。但是,由于不想刷新页面,因此不确定执行此操作的最佳方法 表单打开的javascript是: $(document).ready(function(){ $(".col3flex").css("display","none"); $(".category").click(function(){ if ($('input[name=category]:checked')) {
$(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语句拾取,以便显示正确的值
我将如何实现这一点
谢谢如果您需要通过PHP加载一些后端信息,您不会使用AJAX,特别是如果您需要这些信息而不需要重新加载页面 在向下滑动
.col3flex
-元素之前,您需要发送AJAX请求并填充所需的元素,这些元素包含它的信息
如果这不是您想要的,您需要进一步了解有关问题的详细信息。您好,您可以向任何其他页面发送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
<?
}
if(isset($\u POST))
{
?>
//用于生成select语句的html
我相信您在使用事件处理程序时遇到问题,然后检查单选按钮的值。我认为这就是您需要的(我假设“.category”是单选按钮?)
ajax的这种语法中有一个错误,并尝试了几种不同的方法work@meohmy我已经编辑了ajax
request的语法,请再试一次,谢谢,但没有解决我遇到的任何问题having@meohmy现在你有什么问题?请说明你做了什么,你面临什么?有选择行上仍然存在语法错误,而且,我需要页面不刷新,只是为了显示由单选按钮的值确定的特定窗体。
$('.category').change(function() {
if ($(this).val('checked') === 'checked') {
// do whatever...
}
});