具有相关字段的 HTML 表单

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

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

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

例子

X = 1 cm
Y = 2 cm

或

X = 2cm
Y = 4cm

等等

这一切都可能吗？

非常感谢！

【问题讨论】：

标签： html

【解决方案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>

【讨论】：