Question

我花了几个小时搜索并尝试了一些东西，但是我无法让我的ajax表单提交工作。（我也不是一个前端人员，如果我搞砸了我的解释，那就很抱歉）

我有一个动态插入HTML内容的网站（通过JSP，而不是javascript）。我有一个简单的表单，里面有一个插入html的提交按钮。这是我的html片段：

<tr>
    <td>Change stock by:</td>
    <td>
        <div id="quantityinput" class="field has-addons">
            <div class="control"> <input class="input" type="text" id="mutation" placeholder="0">

            </div>
            <a href="#" class="button is-success" id="quantityConfirm">update</a>
        </div>
    </td>
</tr>

我设法将按钮链接到正确的ajax函数，如下所示：（.editor__product是表单的直接父级，但那里有一堆非表单信息）

$(".editor__product").on("click", "#quantityConfirm", function ($) {



    $.ajax({
            method: "POST",
            url: '/bullet-journal/mutateitem',
            data: {
                product_id: product_id,
                product_mutate: product_mutate
            }
        })
        .done(function (html) {

            $('#main').load(document.URL + ' #main');
            $(".editor__product").load('${pageContext.request.contextPath}/refreshinfo');
        });


});

但问题是，我不知道如何从我的＆＃34;＃mutation＆＃34;中获取价值。输入字段。我尝试了各种方法将它附加到我的文档并获取它，但它会导致页面底部的某个新文本字段，或者仅仅是NULL值错误。我在网站上有更多的ajax表单工作正常，但他们使用硬编码的元素。

我能找到的每个解决方案都专门针对javascript生成的内容，而我的输入并不是由javascript生成的。

我如何从变异输入中提取值？非常感谢您的任何建议，浏览器控制台并不是非常有用。

Answer 1

使用js获取值：

var mutation = document.getElementById('mutation').value;

或使用jquery

var mutation = $('#mutation').val();

并在您的数据中传递变异或使用它做您需要的

获取输入字段的值，该字段动态放置（不是通过js）onclick

1 个答案: