javascript 动态在页面添加值

Kvin

1. var parameter = {
   
2.     "mobType.bonusList": []
   
3. };
   
4. var mobType = {
   
5.     //动态添加返利价
   
6.     addBonus: function(){
   
7.         //从表单获得原始数据
   
8.         var bonusType = $("#bonusType").val();
   
9.         var bonusTypeId = bonusType.substring(0, bonusType.indexOf(":"));
   
10.         var bonusTypeName = bonusType.substring(bonusType.indexOf(":") + 1);
    
11.         var bonusPrice = $("#bonusPrice").val();
    
12.         //校验
    
13.         for (var i = 0; i < parameter["mobType.bonusList"].length; i++) {
    
14.             if (parameter["mobType.bonusList"][i].bonusTypeId == bonusTypeId) {
    
15.                 window.alert("这个类别已经填加！");
    
16.                 return false;
    
17.             }
    
18.         }
    
19.         var price = bonusPrice - 0;
    
20.         if (isNaN(price) || price <= 0) {
    
21.             window.alert("价格只能为正数！");
    
22.             return;
    
23.         }
    
24.         //完成填加
    
25.         var bonus = {
    
26.             bonusTypeId: bonusTypeId,
    
27.             bonusTypeName: bonusTypeName,
    
28.             bonusPrice: bonusPrice
    
29.         }
    
30.         //加入数组
    
31.         parameter["mobType.bonusList"].push(bonus);
    
32.         //生成新行
    
33.         drawNewLine(bonus);
    
34.     },
    
35.    
    
36.     drawNewLine: function(bonus){
    
37.         var tr = $("<tr></tr>").attr("lineId", bonus.bonusTypeId);
    
38.         tr.append($("<td></td>").html(bonus.bonusTypeName));
    
39.         tr.append($("<td></td>").html((parseFloat(bonus.bonusPrice)).toFixed(2)));
    
40.         tr.append($("<td></td>").html("<a href='#' onclick='return delPrice("" + bonus.bonusTypeId + "")'>删除</a>"));
    
41.         tr.appendTo($("#tblPrice"));
    
42.     },
    
43.    
    
44.     delPrice: function(typeId){
    
45.         //删除数组中值
    
46.         for (var i = 0; i < parameter["mobType.bonusList"].length; i++) {
    
47.             if (parameter["mobType.bonusList"][i].bonusTypeId == typeId) {
    
48.                 break;
    
49.             }
    
50.         }
    
51.         parameter["mobType.bonusList"].splice(i, 1);
    
52.         
    
53.         //删除表格行
    
54.         $("tr[lineId=" + typeId + "]", $("#tblPrice")).remove();
    
55.         
    
56.         return false;
    
57.     },
    
58.    
    
59.     submitType: function(){
    
60.         if ($("textarea[name=mobType.remark]").val() == $("input[name=mobType.buyprice]").val()) {
    
61.             callback("pass");
    
62.         }
    
63.         else {
    
64.             callback("密码不一致");
    
65.         }
    
66.     }
    
67. };
    

复制代码