我正在使用 PHP 动态生成多个<select>
字段,每个字段下面有两个<div>
s。自动选择一个选项,并且<div>
PHP 根据初始条件自动显示/隐藏 s,但是除了在禁用或启用表单字段中创建表单字段之外,我如何<div>
根据更改动态切换显示/隐藏?<select>
div
对于某些背景,我在页面上显示了所有可以使用的信息,但是div
s 隐藏了每个未使用的选项(使用display:none
),并且每个未使用div
的还有一个禁用的表单字段。当用户在选择框中选择其他选项时,当前显示的div
需要隐藏,select
内部div
需要禁用,新的div
需要显示并select
启用。我这样做是因为每个隐藏/显示的表单字段与我将它们发布到 PHP 脚本的名称相同。
所有的<div>
s 都是<div id="textdiv-uniqueID">
OR的格式<div id="seldiv-uniqueID">
(这里uniqueID
是每组div
s 的唯一编号),每个select
都是 的格式<select name="uniqueID-good_value">
,其中 uniqueID 与对应div
的 s 相同。
回顾一下:我有一组动态生成的选择框和表单域。每个选择框都有两个关联的表单域,每个域都有自己的<div>
,其中一个将被隐藏/禁用,另一个将显示/启用。When the other option in a given select box is selected, the divs and form fields need to switch roles: the currently hidden/disabled one needs to be shown/enabled, and vice versa.
这是一个包含基础知识的 jsFiddle,包括我开始尝试弄清楚 Javascript/jQuery。