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

Question

您好，我要在编辑输入类型时更改输入类型 value属性的值。

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

当我以输入类型编辑记录时，我希望相同的时间值属性应更改为

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

应为value =“ xyz”，该如何更改或如何在模糊时做到这一点。

Answer 1

添加一个blur()事件，如下所示。使用浏览器的检查元素选项来查看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

香草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">