php中,我想实现选择不同的下拉列表框内容时,页面的内容随之更新,如何实现
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了php中,我想实现选择不同的下拉列表框内容时,页面的内容随之更新,如何实现相关的知识,希望对你有一定的参考价值。
下拉列表changeif 内容需要从服务器获取
发送ajax请求(get|post)
获取内容,填充
else
直接写JS,当select change时,显示XXXX
JQuery写起来就ok,也不麻烦 参考技术A AJAX 如果你是整个页面都变的话,可以直接做链接,局部变或者不刷新的变,只有AJAX。 参考技术B 用ajax实现。
如何在页面加载时隐藏所有表单字段并在从下拉列表中选择时启用
【中文标题】如何在页面加载时隐藏所有表单字段并在从下拉列表中选择时启用【英文标题】:How to hide all the form fields when page loads and enable when selected from drop-down 【发布时间】:2013-06-20 05:59:45 【问题描述】:我试图在从组合框选项中选择不同的值时显示一个文本字段
html文件
<select id="topic_type" onchange="func_type()">
<option id="n" selected>N</option>
<option id="d"> D</option>
<option id="o">O</option>
</select>
<script type="text/javascript">
function func_type()
var elem = document.getElementById("topic_type");
if(elem.value == "D")
document.getElementById("form_d").style.display= "block";
document.getElementById("form_o").style.display= "none";
else if(elem.value == "O")
document.getElementById("form_o").style.display= "block";
document.getElementById("form_d").style.display= "none";
</script>
当我加载页面时,默认值为 n 并且同时显示 *form_d* 和 *form_o* 的所有字段。当我更改下拉列表中的值时,某些字段会根据需要显示。
我的问题是,当页面加载时,我希望隐藏所有表单字段。 我该怎么做呢
提前致谢。
【问题讨论】:
如果您的下拉菜单不在这两种形式中,只需添加 style="display:none;"两种形式。 【参考方案1】:将此条件添加到您的脚本中
else if(elem.value == "N")
document.getElementById("form_o").style.display= "none";
document.getElementById("form_d").style.display= "none";
并在结束</script>
标签之前调用func_type()
http://jsfiddle.net/smknQ/
【讨论】:
【参考方案2】:You can hide the required elements on jQuery document ready function.
$(document).ready(function()
$("#idoftheelement").hide();
);
【讨论】:
以上是关于php中,我想实现选择不同的下拉列表框内容时,页面的内容随之更新,如何实现的主要内容,如果未能解决你的问题,请参考以下文章
当我们使用 JavaScript 隐藏/显示时清除下拉列表和/或文本框内容当它们被交替选择时
如何根据使用 jQuery/AJAX 和 PHP/MySQL 选择的第一个下拉列表填充第二个下拉列表?