如何通过按按钮编辑占位符?(jQuery) - 编辑

Question

我实际上在脚本上有一些问题，并且根本不知道如何解决问题。我想通过按Buton进行编辑模式，然后我的<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#validEdit').click(function() {
    var $field = $('input[name="Field"]');
    $field.data('oldPlaceholder', $field.attr('placeholder');
    $field.attr("placeholder", "Type your answer here");
});

然后恢复到旧占位符

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