input框的value明明有值,但是不显示问题

      上午刚碰到的问题。也耽误了不少时间。用浏览器F12查看元素,发现value有值,但是显示的确实placeholder的值。然后注释掉placeholder之后,input框什么都不显示了。

一、如图所示

这里写图片描述

      百度一下,都说可能是JS赋值的原因。因为前端页面不是我写的,所以刚开始也没想到这一点。后来和同事一起找问题,才发现问题所在。

二、错误原因

function loadPage(){
    if(address_id == '' || address_id == undefined || address_id == null ){
        //如果没有address_id,则为新增地址页面
        $('input').val('');
    } else {
        //如果有address_id,则视为编辑页面
        $('body').append('<div class="address_del" onclick="address_del()">删除地址</div>');
    }
}

      上面这段代码是判断有没有这个参数,没有的话,就把所有的input框的value值都变成空。。。怪不得。

end