Question

我有一个用户可以编辑文本的表单。我希望用户能够通过点击取消按钮删除它们来检索文本。

如果用户文本编辑原始文本，并且在编辑返回之前按下取消表单中的原始文本，我将如何检索用户文本？

Answer 1

您可以使用data-*属性通过将data-original-text添加到输入中来执行此操作，如：

<input name='first_input' data-original-text='First input text' value="First input text"/>

并向cancel按钮添加一个点击事件，该按钮将获取数据属性并将其分配给值：

$('form').on('click','#cancel',function(){
  $(this).closest('form').find('input').each(function(){
    $(this).val($(this).data('original-text'));
  })
})

希望这会有所帮助。

＆＃13;

$('form').on('click','#cancel',function(){
  $(this).closest('form').find('input').each(function(){
    $(this).val($(this).data('original-text'));
  })
})

＆＃13;

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form>
  <input name='first_input' data-original-text='First input original text' value="First input original text"/>
  <input name='second_input' data-original-text='Second input original text' value="Second input original text"/>

  <button id='cancel'>Cancel</button>
</form>

＆＃13;

Answer 2

可以构建以下内容，以便他们可以进行多项更改，并且仍然可以在更改时使用以前的文本。

// JavaScript源代码

var orginalText = "Please Enter Some Text here";
var newTest = "";

$(document).ready(function () {
    $("#target").change(function () {
        newText = this.text;
    });

    $(".cancel").on("click", function () {
        $("#target").text(orginalText);
    });
});

在Javascript中编辑/取消按钮

2 个答案: