JS按格式输出商品标签

页面有6个文本框：
TO： 上海XXXXXX
FROM：广州XXXXXX
ORDER:123456789
FOOD: 苹果
START :1   --这个填写任意数字
END:   6   --这个填写任意数字(END>START)根据上面的值生产如下格式，请帮帮忙！TO: 上海XXXXXXX         TO: 上海XXXXXXX             TO: 上海XXXXXXX
订单号：123456789       订单号：123456789           订单号：123456789
FM：广州XXXXXXXXX       FM：广州XXXXXXXXX           FM：广州XXXXXXXXX
苹果（1/6）             苹果（2/6）                 苹果（3/6）TO: 上海XXXXXXX         TO: 上海XXXXXXX             TO: 上海XXXXXXX
订单号：123456789       订单号：123456789           订单号：123456789
FM：广州XXXXXXXXX       FM：广州XXXXXXXXX           FM：广州XXXXXXXXX
苹果（4/6）             苹果（5/6）                 苹果（6/6）

解决方案 »

  1.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>无标题文档</title>
    <script type="text/javascript">
    function change(){
    var to=document.getElementById("to").value;
    var from=document.getElementById("from").value;
    var order=document.getElementById("order").value;
    var food=document.getElementById("food").value;
    var start=document.getElementById("start").value;
    var end=document.getElementById("end").value;
    start=parseInt(start);
    end=parseInt(end);
    var table=document.getElementById("table");
    for(var i=start;i<=end;i++){
    var tr1=document.createElement("tr");
    for(var j=1;j<=3;j++){
    var td=document.createElement("td");
    td.innerHTML="TO:"+to;
    tr1.appendChild(td);
    if(i+j>end){
    break;
    }
    }
    table.appendChild(tr1);
    var tr2=document.createElement("tr");
    for(var j=1;j<=3;j++){
    var td=document.createElement("td");
    td.innerHTML="FROM:"+from;
    tr2.appendChild(td);
    if(i+j>end){
    break;
    }
    }
    table.appendChild(tr2);
    var tr3=document.createElement("tr");
    for(var j=1;j<=3;j++){
    var td=document.createElement("td");
    td.innerHTML="ORDER:"+order;
    tr3.appendChild(td);
    if(i+j>end){
    break;
    }
    }
    table.appendChild(tr3);
    var tr4=document.createElement("tr");
    for(var j=1;j<=3;j++){
    var td=document.createElement("td");
    td.innerHTML=food+"("+i+"/"+end+")";
    tr4.appendChild(td);
    if(i+j>end){
    break;
    }
    }
    table.appendChild(tr4);
    i=i+2;
    }
    }
    </script>
    </head><body>
    <input type="text" id="to"><br/>
    <input type="text" id="from"><br/>
    <input type="text" id="order"><br/>
    <input type="text" id="food"><br/>
    <input type="text" id="start"><br/>
    <input type="text" id="end"><br/>
    <input type="button" value="sure" onclick="change()">
    <table id="table"></table>
    </body>
    </html>
    这样试试
      

  2.   

    晕 吧上边的td.innerHTML=food+"("+i+"/"+end+")"改成td.innerHTML=food+"("+(i+j-1)+"/"+end+")";
      

  3.   

    楼主直接根据需要的格式，将input的值取出来排列就可以了。