Question

我有这个jQuery代码和我的表单：

<script type="text/javascript">
    $(document).ready(function() {                      
        var customForm=$('#addChartForm').html();   

        $("#addChartForm").delegate("form[name=chartForm]", "submit", function(e){
            e.preventDefault();

            customForm=$('#addChartForm').html();

            ... some AJAX operations ...
        });     
    });
</script>

<div class="main_content_remark" id="addChartForm" style="height:140px;">
    <form method='post' name="chartForm">
        <div class="categoryName">
            <div class="categoryName1">
                Title
            </div>

            <div class="categoryName2">
                <input type="text" maxlength="50" name="title" class="input400" />
            </div>

            <div class="categoryName3">
                <input type="submit" value="Create Chart" />
            </div>                  
        </div>              
    </form>
</div>

我想将变量customForm存储在表单代码中以及用户在输入框中插入的所有数据。

代码我的意思是表单HTML。实际上，使用$（'＃addChartForm'）。html（）我得到它，但是在成瘾中（这就是问题）我想让用户插入数据

有可能吗？我怎么能这样做？

Answer 1

使用customForm = $('#addChartForm').clone(true)，您将根据jQuery Docs克隆整个表单，包括数据和事件 - 这将是DOM元素，但不是HTML标记。

Answer 2

您可以执行类似的操作将数据存储在对象中...

<script type="text/javascript">
    $(document).ready(function() {                      
        var customForm = {
            html: $('#addChartForm').html(); 
            input400: $('#input400').val();
        };     
    });
</script>

然后像这样引用html

customForm.html

和像这样的输入值

customForm.input400

Answer 3

回答您的评论“我的意思是HTML代码:)事实上，使用$（'＃addChartForm'）。html（）我得到它，但是在成瘾（这就是问题）我想得到用户插入的数据。 - markzzz 7分钟前“......

customForm=$("input").val();

要获取输入框的INPUTED值，请使用上面的内容，因为您没有使用id或类定义输入框，如果稍后添加更多输入，则需要通过“input”调用我推荐设置唯一ID < / p>

Answer 4

在您的输入文本名称中添加ID，例如标题为

$('#title').attr('v-rel', $('#title').val());

customForm=$('#addChartForm').html().replace('v-rel', 'value');

ta da，你有它，html有价值......

Answer 5

使用类似的东西将数据存储在关联数组中

<script type="text/javascript">
        var customForm = array();
        $(document).ready(function() {

            $("#addChartForm").delegate("form[name=chartForm]", "submit", function(e){
                e.preventDefault();

                customForm['html'] = $('form[name=chartForm]').html();
                customForm['form'] = $('input[name=title]').val();

                ... some AJAX operations ...
            });
        });    
</script>

Answer 6

<!DOCTYPE html>
<html>
<head>
  <style>

  p { margin:0; color:blue; }
  div,p { margin-left:10px; }
  span { color:red; }
  </style>
  <script src="http://code.jquery.com/jquery-latest.js"></script>
</head>
<body>
  <p>Type 'correct' to validate.</p>
  <form action="javascript:alert('success!');">
    <div>
      <input type="text" />

      <input type="submit" />
    </div>
  </form>
  <span></span>
<script>

    $("form").submit(function() {
        $("span").text($("input:first").val()).show();
        return true;
    });
</script>

</body>
</html>

以下是您要制作的代码。我是GUESS。

如何从表单中获取HTML（用户插入的数据）

6 个答案: