选项卡式内容中的相同字段
same fields within tabbed content
我有一个包含CSS选项卡内容的表单,它将根据选项卡中选定的字段计算内容。
问题1:表单通常会跨多个选项卡工作吗?
问题2:我有将在多个选项卡中重复的字段。我是怎么做到的?只是复制粘贴它们还是使用不同的ID?不确定表单在这种情况下会如何表现。请告知。
<html>
<head>
<script type="text/javascript">
function activateTab(pageId) {
var tabCtrl = document.getElementById('tabCtrl');
var pageToActivate = document.getElementById(pageId);
for (var i = 0; i < tabCtrl.childNodes.length; i++) {
var node = tabCtrl.childNodes[i];
if (node.nodeType == 1) { /* Element */
node.style.display = (node == pageToActivate) ? 'block' : 'none';
}
}
}
</script>
</head>
<body>
<ul>
<li>
<a href="javascript:activateTab('page1')">Tab 1</a>
</li>
<li>
<a href="javascript:activateTab('page2')">Tab 2</a>
</li>
</ul>
<div id="tabCtrl">
<form name="myForm" METHOD=post ACTION="/Calculate">
<div id="page1" style="display: block;">Page 1
<select name="field1" id="field1">
<option value="0" selected="selected">- Select</option>
<option value="65">Value 1</option>
<option value="75">Value 2</option>
</select>
</div>
<div id="page2" style="display: none;">Page 2
<select name="field1" id="field1">
<option value="0" selected="selected">- Select</option>
<option value="65">Value 1</option>
<option value="75">Value 1</option>
</select>
<select name="field2" id="field2">
<option value="0" selected="selected">- Select</option>
<option value="1">Value 1</option>
<option value="2">Value 2</option>
</select>
</div>
</form>
</div>
</body>
</html>
正如Austin所建议的,两种形式是我的问题
相关文章:
- 将选项值附加到隐藏字段
- 我可以在Dynamics CRM 2016的复合地址字段中添加两个选项字段吗
- 如何在angular bootstrap ui中聚焦活动导航选项卡中的拳头输入字段
- 在两个多选字段之间移动选项
- 选项卡式内容中的相同字段
- 仅当选择了特定选项时才显示输入字段
- 构建HTML选择字段并使用JavaScript数组选择选项
- Angular Directive,在选项卡浏览时将字段标记为脏字段
- 当html选择/选项发生更改时,需要更新输入字段
- 使用JavaScript在select字段中使用optgroup设置html选项值
- 如何使用jquery将两个字段组合为下拉菜单中的选项
- 角度 JS 动态选项卡字段
- Magento自定义选项-清除输入字段问题
- 当我在HTML中选择特定选项时,要消失的输入字段
- Jquery UI选项卡-根据输入字段值,使用“下一步”/“上一步”按钮推进选项卡
- 添加带有选择选项字段的表单
- 添加选项以使用 javascript 从 json 文件中选择字段
- 清除基于另一个字段的选择字段选项
- Sencha-选择字段选项中的HTML ASCII代码
- 将可重复字段选项保存到PHP对象数组