input里有值但是显示空白

好像因为自己弄得获取焦点必须点击才显示，不知道这么改了

<input id="Text1" type="text" value='请选择' autocomplete="off" />

document.getElementById("Text1").onfocus=function(){
    document.getElementById("box_list").style.display="block"
    this.value=''
    var tl = []
    $('.box_list1 ul li:gt(0)').each(function (index) {
        var bl = {};
        if($(this).find('input').val()==''||$('.box_list2 ul li:eq("'+$(this).index()+'")').find("input:eq(0)").val()==''||$('.box_list2 ul li:eq("'+$(this).index()+'")').find("input:eq(1)").val()==''){
            return;
        }
        bl.score_Bl = $(this).find('input').val();
        bl.score_Qujian = $('.box_list2 ul li:eq("'+$(this).index()+'")').find("input:eq(0)").val()+"~ "+$('.box_list2 ul li:eq("'+$(this).index()+'")').find("input:eq(1)").val();
        tl.push(bl)
    })
       for (var i = 0; i<tl.length; i++){
           console.log(i)
           console.log(tl[i].score_Qujian)
           if (i == 0){
               this.value+= 'A档'+ ' '
           }else if (i == 1) {
               this.value+= 'B档'+ ' '
           }else if (i == 2) {
               this.value+= 'C档'+ ' '
           } else {
               this.value+= 'D档'
           }
       }
}

第三行this.value后面只有一个引号？

必须点击获取上一次的值 直接显示不出来