文件标签分割效果

 <input type="text" id="form7" disabled="disabled" style=" padding-left:2px;width:90%; margin:10px 0 0 20px; height:20px" onblur="file(),label_show()" onfocus="label_hide()" />

 <div id="div_file" style="position:absolute; top:14px; left:23px" onclick="set_status();">
 </div>

//file文件名分割效果
function file()
{
    var textarea=document.getElementById("form7");
    var value=textarea.value;
var div_span=document.getElementById("div_file");    
var select_n;
var objs=document.getElementsByName("select_radio");
 for(var i=0;i<objs.length;i++)   
{   
 if(objs[i].checked)   
 {   
  if(objs[i].value=="Single File")   
 {   
  select_n=1;   
 }   
 if(objs[i].value=="Multiple Files")   
  {   
  select_n=4;   
  }  
 } 
}                                                       //读取但选值，是一个文件or四个文件
 var spanlen =document.getElementById("div_file").getElementsByTagName("span").length;  //获得div_file内span个数
if(select_n==1)
  { 
      if(spanlen<1&&value!=" ")
    var text_array=value.split(",",1);
  else
  var text_array=value.split(",",0)
  }
else
  {
     if(spanlen<4&&value!=" ")
     var text_array=value.split(",",(4-spanlen));
 else
  var text_array=value.split(",",0)
  }
//  var num=text_array.length;  
 
      for(var i=0;i<text_array.length;i++)
 {
  if(text_array[0]!="")
  {
  var span=document.createElement("span");
 // if(num==1)
//   span.id="span_"+spanlen;
//   else
  span.id="span_"+(i+spanlen);
  span.innerHTML=text_array[i];
  div_span.appendChild(span);
  }
 }
                                     //根据单选情况选择相应文件个数
 
//var width=document.getElementById("div_file").width;
// document.getElementById("text_file").style.paddingLeft=width;


         var width=$("#div_file").width();          //获取元素宽度  
 
$("#form7").css("padding-left",width);
 textarea.value=""; 
}

//laber提示文字显示与隐藏
function label_hide()
{
document.getElementById("label_file").style.display="none";
}
function label_show()
{
document.getElementById("label_file").style.display="block";
}