具有相关字段的 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 订阅的用户隐藏重力表单字段
html 具有DEFAULT VALUE的可见表单字段上的DTR - 如果URL没有任何参数P.S。:必须为每个字段设置默认值Th