Question

我需要开发一个html表单，但有两种类型的相关字段：

两个下拉列表相关字段：如果我在第一个字段上选择一个选项，则第二个字段上的选项将会更改。
大致相同，但尺寸（x，y）必须成比例：

实施例

X = 1 cm
Y = 2 cm

或

X = 2cm
Y = 4cm

等等

这一切都可能吗？

非常感谢！

Answer 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表单

1 个答案: