JQ修改input的value,页面显示信息没改变解决办法

我的情况：
在两处 事件监听分别使用了两种方式修改input的value：
方式1、$('#xxxid').attr('value','存储的值1');
方式2、$('#xxxid').val('存储的值2');

当未曾使用方式2时，通过方式1修改时能准确修改value并显示。
当使用过方式2修改value之后，通过方式1修改value时，

在控制台能发现已经修改input的value，

但是页面上显示的value没有改变。

系统用了$('#xxxid').val()取值，也会出现这个情况。

建议通用改为JS来修改input的value

 document.getElementById("xxxid").value =abc;