编辑文本输入后，attr值不起作用

Question

我有文本输入和导航项。文本输入将使用.attr（“ value”，xxx）填充，其值基于单击的项目。效果很好，但是在文本字段中手动输入内容后，以后的.attr方法不起作用。

HTML：

<label class="editor-small-label" for="editor-website">Website www:</label><br>
  <input id="editor-website" class="text-input" name="editor-website" type="text">

<label class="editor-small-label" for="editor-facebook">Facebook link:</label><br>
  <input id="editor-facebook" class="text-input" name="editor-facebook" type="text">

在图标上单击：

$('#editor-facebook').attr('value', data[icon_id].facebook);
$('#editor-website').attr('value', data[icon_id].website);

Answer 1

value属性仅由浏览器用于在元素上设置初始的 value属性。

页面加载（或插入dom）后，该属性无用，并且更改属性的方式相同

使用val()设置 value属性

$('#editor-facebook').val( data[icon_id].facebook);
$('#editor-website').val( data[icon_id].website);