如何在最后一个选项卡中显示页面的填充表单值
How to display filled form values of page in final tab in JQuery?
在一个文档的多个选项卡中都有表单。
用户在一个选项卡中填写表单,例如"财务选项卡"。
表单包括标签,单选,文本框,日期
当转到最后一个选项卡;我们需要以表格的形式显示他在财务选项卡中填写的内容。
假设下面是他填写的表单的HTML,我只是输入演示值,这些值有重复的面板,但有不同或相同id或不同数据类型的元素:
<div class="panel clonablePart" id="Money_panel1">
<label class="boldText">Amount</label>
<input type="text" id="gula.bugula">
<label class="boldText">Is amount correct</label>
<input type="radio" /> Yes <input type="radio" /> No
</div>
<div class="panel clonablePart" id="Money_panel2">
<label class="boldText">amount</label>
<input type="text" id="gula.bugula" data-forfinalScreen>
<label class="boldText">Is amount great?</label>
<input type="radio" data-forfinalScreen /> Yes <input type="radio" /> No
</div>
请分享你的输入如何在jQuery中做到这一点?
如何在jQuery中动态地选择DIV中所有输入和标签的值?
Update 1:请考虑有50个字段将显示在最终选项卡上。
您可以一次选择所有输入元素并打印如下值
//select all inputs in a div with id Money_panel1
$("#Money_panel1 :input").each(function( index ) {
//if it is a textbox get value
if( $(this).attr("type") == "text" )
alert( $( this ).val() );
//if it is radio/checkbox get whether its checked or not
else if( $(this).attr("type") == "radio" )
alert( $(this).is(":checked") );
});
如果你想选择多个项目,你可以编写jquery选择器,如
$("#Money_panel1 :input, #Money_panel1 label")
如果您混合了标签和输入,您可以使用.prop("tagName")
方法确定元素的类型。
在JS/jQuery中,你可以根据它的id获取任何元素的值。
<script>
alert($('#gula.bugula').val());
</script>
相关文章:
- CasperJS填充表单-输入名称有方括号
- 如何使用多维JSON数据重新填充表单
- 试图用cookie中的信息填充表单
- 如何在刷新时重新填充表单中的复选框并将表单值发布到页面
- 根据url填充表单选择下拉列表
- 从后台用angularjs填充表单
- 根据Rails4中的一个字段自动填充表单
- 使用jQuery用data-*数据填充表单文本输入
- 获取动态行数据值以使用 JavaScript 预填充表单
- 如何从 ng 重复项填充表单
- 如何使用 .ajax 拉取 MySQL 数据并用它填充表单
- 使用 php 变量值填充表单输入字段
- 轨道:填充表单中选择标签的输入
- 如何使用javascript用按钮填充表单列表
- 如何从我的 MySQL 数据库中提取数据以在页面加载时预填充表单
- 选择列表值并自动填充表单域
- 使用来自另一个表单的数据填充表单
- 如何使用 jquery 在同一页面上从数据库记录填充表单
- 基于表单输入值,如何 2 生成选择 4 下拉菜单 w 数据库中的行/记录数据,该数据库将在选择时预填充表单
- 如何使用我要编辑的 html 表中行中的数据填充表单中的输入字段