php中,我想实现选择不同的下拉列表框内容时,页面的内容随之更新,如何实现

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了php中,我想实现选择不同的下拉列表框内容时,页面的内容随之更新,如何实现相关的知识,希望对你有一定的参考价值。

下拉列表change
if 内容需要从服务器获取

发送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";

并在结束&lt;/script&gt;标签之前调用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 选择的第一个下拉列表填充第二个下拉列表?

html做网页,关于日期下拉列表框的问题

php里实现汇率转换

谁知道怎么用ajax实现选择下拉框的时候动态从数据库读取数据吗

如何在页面加载时隐藏所有表单字段并在从下拉列表中选择时启用