将所有输入字段扩展为值大小或使用 javascript 删除所有输入字段。答案

【问题标题】：Expand all input fields to size of value or remove all input fields with javascript.将所有输入字段扩展为值大小或使用 javascript 删除所有输入字段。
【发布时间】：2013-05-02 12:59:50
【问题描述】：

我有一个非常大的表单，包含大约 200 多个输入字段，一旦表单完成，您可以在管理部分查看它（从主要部分复制代码）。

我真的不想手动检查并删除每个输入字段。有没有办法在页面加载或删除后将所有输入字段扩展到值的大小或输入，然后一起输入标签，只留下值？

【问题讨论】：

您能否向我们展示（sn-p）代码，因为在我们了解您在做什么之前这是无法回答的？
您可以遍历所有已知字段并检查它们是否已设置，例如，如果您将所有字段名称都放在一个数组中。或者，如果字段的名称类似input_1、input_2 等，您也可以轻松地遍历它们。您应该在问题中添加一些代码，您的表单结构如何以及您已经尝试找到解决方案。

标签： php javascript html css forms

【解决方案1】：

如果您只想将所有输入字段更改为原生文本：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
$(document).ready(function()
{
  $("input").each( function(index)
  {
    $(this).replaceWith("<p>"+$(this).val()+"</p>");
  }
  );
});
</script>

这将删除所有输入标签，只留下值（周围有一个

标签）

小提琴： http://jsfiddle.net/wKvPg/

【讨论】：

效果很好。不错的小技巧可以节省我的时间！！谢谢吠陀，传奇

【解决方案2】：

如果你只是粘贴代码，这意味着你的代码主要是 html，所以在这种情况下，我会使用像 notepad++ 这样的文本编辑器，它有一个支持正则表达式的查找和替换功能，你可以使用它

Download Notepad++

以后我建议您避免复制/粘贴代码并将它们作为函数实现。

【讨论】：

【解决方案3】：

same name 和 different values 可以有数百个或更多输入：

<input type="text" name="values[]" value="val1" />
<input type="text" name="values[]" value="val2" />

全部循环：

foreach ($_POST['values'] as $key => $val) 
{
   print "Key = " . $key . " Value = " . $val . "<br />";
   // another actions
}

或直接访问：

$val1 = $_POST['values'][0]; // 'val1'
$val2 = $_POST['values'][1]; // 'val2'

希望对您有所帮助。

【讨论】：