具有相关字段的 HTML 表单

Posted

技术标签:

【中文标题】具有相关字段的 HTML 表单【英文标题】:Html form with related fields 【发布时间】:2015-12-15 13:44:48 【问题描述】:

我需要开发一个 html 表单,但有 2 种相关字段:

    两个下拉相关字段:如果我在第一个字段上选择一个选项,第二个字段上可用的选项将会改变。 大致相同,但大小为 (x, y),必须成比例:

例子

X = 1 cm
Y = 2 cm

X = 2cm
Y = 4cm

等等

这一切都可能吗?

非常感谢!

【问题讨论】:

【参考方案1】:

仅使用 html 是不可能的。 您将需要 javscript 来完成它看起来像这样

<!DOCTYPE html>
<html>
<head>
    <script type="text/javascript">

         function changeContent()
            var x = document.getElementById('x')
            var y = document.getElementById('y')

            y.selectedIndex  = x.selectedIndex; 
         
     </script>
</head>
<body>
    <select id="x" onchange="changeContent()">
        <option  value="1">1</option>
        <option  value="2">2</option>
    </select>

    <select id="y">
        <option value="1">2</option>
        <option value="2">4</option>
    </select>
</body>
</html>

【讨论】:

以上是关于具有相关字段的 HTML 表单的主要内容,如果未能解决你的问题,请参考以下文章

仅为具有特定 Memberpress 订阅的用户隐藏重力表单字段

具有相同名称属性的输入字段的多个表单?是好是坏?

仅使用 HTML5 表单验证验证可见字段?

html 具有DEFAULT VALUE的可见表单字段上的DTR - 如果URL没有任何参数P.S。:必须为每个字段设置默认值Th

表单字段需要一个数组

保留 PDF 表单域