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

Question

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

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>