编辑输入类型时如何更改值属性？

Question

您好我想在编辑输入类型时更改输入类型值属性值。

<input type ="text" id="name" value ="abc">

当我在输入类型中编辑记录时，我希望同时值属性应该改变

假设我现在将值abc更改为xyz值属性值

应该是value =“xyz”如何更改或如何在模糊时执行此操作。

Answer 1

添加像这样的blur()事件。使用浏览器的inspect元素选项在更改值时查看value文本的input属性以验证代码的工作。

$('#name').blur(function(){
  $(this).attr('value', $(this).val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type ="text" id="name" value ="abc">

Answer 2

一个vanilla JS解决方案：

• 为evenListener添加blur并更改value attribute

document.getElementById('name').addEventListener('blur', function() {
  this.setAttribute('value', this.value);
  console.log(this);
});

<input type ="text" id="name" value ="abc">