Javascript 从php页面在ajax中显示值id
我的代码不显示My-page.php中的值,我还想显示所选的Javascript 从php页面在ajax中显示值id,javascript,jquery,ajax,Javascript,Jquery,Ajax,我的代码不显示My-page.php中的值,我还想显示所选的值 $(文档).ready(函数(){ 变量$loading=$(“#loading”); var$content=$(“#content”); $(“#选择123”).change(函数(){ $loading.fadeIn(); var值=此值; $content.fadeOut(500,函数(){ $.ajax({ url:“my page.php”, 键入:“GET”, cache:false, 成功:函数(html){ var
值
$(文档).ready(函数(){
变量$loading=$(“#loading”);
var$content=$(“#content”);
$(“#选择123”).change(函数(){
$loading.fadeIn();
var值=此值;
$content.fadeOut(500,函数(){
$.ajax({
url:“my page.php”,
键入:“GET”,
cache:false,
成功:函数(html){
var$target=$(html).find('#'+value);
$loading.fadeOut();
$content.append($target.fadeIn();
}
});
});
}).change();
});
内容1
内容2
内容3
内容4
加载。。。
my-page.php
文本反结果显示
contentttttt
内容3
内容4
简单的方法就是这样使用javaScript函数
<select id="select123" onchange="update_content();">
只需在服务器返回的html文本周围添加一个根标记,然后应用选择器:
var appendedHtml = $('#' + $('#select123').val(), $.parseHTML('<div>' + html + '</div>')).html()
$content.html(appendedHtml).fadeIn();
var appendedHtml=$('#'+$('#select123').val(),$.parseHTML(''+html+'').html()
$content.html(appendedHtml.fadeIn();
检查控制台是否有错误。AJAX请求失败的原因有数百种。谢谢,console.log($target)
,请参阅仅打开的内容4,并每次在文本中添加一个数字!请参阅,您必须将“#content4”设置为下拉列表中选择的值(”#“+$(“#select123”).val()
)。如果每次选择时不想追加,而是要替换#content中的字符串,请使用$content.html(appendedHtml).fadeIn()代码>编辑我的答案以反映这些变化幸运的是,它不起作用!请看,谢谢你的支持。在第一个选项中选择。我想要附加到#content您在代码中没有使用上面的整两行。你错过了这个HTML片段。将这两行粘贴到success函数中,它就会起作用。现在注释掉函数的其余部分。