如何通过按按钮编辑占位符？ （JQuery） - 编辑

Question

我的脚本实际上有些问题，根本不知道如何解决我的问题。我希望通过按下按钮来进行编辑模式，然后我的<input type="text">将能够进行编辑。

当我按下取消时，之前写在占位符中的值保持相同的值。

这是更明确的小提琴：

$('button#editMode').click(function() {
  $(this).css("display", "none");
  $("button#validEdit").css("display", "inline");
  $("button#cancelEdit").css("display", "inline");
  $("input[name='Field']").prop("disabled", false);

});

var prevanswer =

  $('button#cancelEdit').click(function() {
    $("button#validEdit").css("display", "none");
    $("button#cancelEdit").css("display", "none");
    $("button#editMode").css("display", "inline");
    $("input[name='Field']").prop("disabled", true);

  });


$('button#validEdit').click(function() {
  var answer = $("input[name='Field']").val();
  $("input[name='Field']").val("");
  $("input[name='Field']").prop("disabled", true);
  $('input[name="Field"]').attr("placeholder", answer);
});

#validEdit {
  display: none;
}

#cancelEdit {
  display: none;
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button id="editMode"> Edit Mode </button>
<button id="validEdit"> Confirm </button>
<button id="cancelEdit"> Cancel </button>

<input name="Field" placeholder="Value" type="text" disabled>

这是我的问题，我根本不知道，我怎么做=（ 如果你能帮助我，那就太棒了。提前致谢 ！

Answer 1

试试这个

$('button#cancelEdit').click(function() {
    var $field = $('input[name="Field"]');
    $field.attr("placeholder", $field.data('oldPlaceholder'));
});

然后恢复到旧占位符

{{1}}