javascript - 为什么删除文本后无法通过jquery设置输入文本的值？

Question

这个问题已经有答案了:

jQuery change input text value (6 个回答)

已关闭 4 年前。

这是我的代码:我想在单击按钮时更改城市的值

function add()
{
        $("#city").attr("value","abc");
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

<input type='text' id='city' value="123"/>
<input type="button" id='btnChange' value="Change" onclick="add();return false;"/>
    

如果页面加载后，我单击按钮，它工作正常:city =abc .

但是，如果在页面加载后，我选择并删除文本“123”，我单击按钮，它不起作用。 city=""

为什么删除文本后无法通过jquery设置输入文本的值？

Answer 1

使用jquery val而不是 attr

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<input type='text' id='city' value="123" />
<input type="button" id='btnChange' value="Change" onclick="add();return false;" />
<script>
  function add() {
    $("#city").val("abc");
  }
</script>