如何从输入的 JQuery 或 javascript 中获取修改后的文本

Question

我在从输入中获取修改后的文本时遇到问题。输入加载了我从数据库中获取的一些文本，并带有一个选项，我应该关闭 onlyread 属性并更改值。没关系，但是当我在输入中写入其他内容后单击保存按钮时，它会使用 .val() 获取旧值。我怎样才能获得新的？

代码是这样的。

    var anInput = $("#anInput").val(); //gets old value
    var otherInput = $("#otherInput").val(); //gets old value
    $.ajax({
          type: "POST",
          dataType: "html",
          success: doSomething,
          timeout: 4000,
          error: someProblems,
          url: "modules/mod.php",
          data: {anInput: anInput, otherInput: otherInput}
    });

我添加了 AJAX 代码只是为了提到我需要这些值来做某事。 AJAX 正在运行。

我知道这可以通过表单来完成，但它会重新加载页面，我不希望这样。

对不起，我生疏的英语，谢谢:)

编辑：也许我说“更改值”时说的不正确，我正在做的是选择文本并写其他内容。

我在输入中显示一些信息，单击允许我修改的按钮，在输入中键入一些新文本，然后单击“保存”

HTML 由另一个 AJAX 生成

<div class="infoVideo">
   <input id="anInput" value="someTextFromDataBase">
   <input id="otherInput" value="someTextFromDataBase">
   <input type="button" id="btnMod">
   <input type="button" id="btnSave">
</div>

如果我在输入中擦除并键入其他内容，.val() 会变旧 someTextFromDataBase

Answer 1

编辑：根据我的 cmets 的猜测，页面中有多个 #anInput，因此代码仅从第一个不是正在编辑的值中检索值。解决方案是页面的 HTML 中没有任何重复的 id 值。

---

我怀疑您的代码并不像您展示的那样。你可能正在做这些：

var anInput = $("#anInput").val(); //gets old value
var otherInput = $("#otherInput").val(); //gets old value

只有一次，然后在表单字段已经更改时尝试使用anInput 和otherInput。您可以通过不缓存这些值来获取当前值，并在需要时通过更改它来检索当前值：

data: {anInput: anInput, otherInput: otherInput}

到这里：

data: {anInput: $("#anInput").val(), otherInput: $("#otherInput").val()}

这样，您始终可以在调用 Ajax 之前检索到最新和最大的值。

Answer 2

请确认mod.php返回的数据格式。 AJAX 块期望接收 HTML 格式的文本 dataType: 'html', - 但您正在发送 json，所以这是您所期望的吗？

如果此注释没有揭示解决方案，请向我们展示您的 doSomething 函数 - 这是处理返回数据的地方。

---

您可能已经尝试过，但是如果您这样做会发生什么：

var anInput = $("#anInput").val(); //gets old value
alert(anInput);
var otherInput = $("#otherInput").val(); //gets old value
alert(otherInput);

$.ajax({ //etc });