Why can't set value of input text by jquery after delete text?

Question

This is my code: i want change value of city when click button

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;"/>

If after Page load , i click button ,it working ok: city =abc.

But if after Page Load, i select and delete text "123", i click button , it not working. city=""

Why can't set value of input text by jquery after delete text?

this same https://stackoverflow.com/questions/5506937/jquery-attrvalue-new-value-not-working — seunggabi, Sep 28 '18 at 05:44

score 2 · Accepted Answer · answered Sep 28 '18 at 05:39

use jquery val instead of 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>

Why can't set value of input text by jquery after delete text?

1 Answers1