<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="attrlayeredit.aspx.cs" Inherits="WebUI.attrlayeredit" %><!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>
<link type="text/css" rel="stylesheet" href="style/prosystem.css" />
<link href="style/userindex.css" type="text/css" rel="stylesheet" />
<link href="style/base.css" type="text/css" rel="stylesheet" /></head><body>
<script  type="text/javascript">
    var newItemNumber = 0;
    function Addattr() {
        var Mpara = document.getElementById("ProperName").value;
        var Ipara = document.getElementById("ProperValue").value;
        if (Mpara == "") {
            alert('属性名称不能为空');
            return;
        }
        if (Ipara == "") {
            alert('属性值不能为空');
            return;
        }         
        var MyCon = "";
        //原因 StrConne无法获取动态的document.getElementById("Stu" + i).value的值
        //alert(document.getElementById("Stu" + i).value); 是可以弹出来的
        var total = document.getElementById("totalNumber").value;
        var StrConne = '';        var ipts = document.getElementById('tb').getElementsByTagName('input');        for (var i = 0; i < ipts.length; i++)
            if (ipts[i].type == 'text') {
                StrConne += ipts[i].value + "、";
            } 
//        alert(document.getElementById("Stu0").value);
//        for (var i = 0; i < total + 1; i++) {//         //   StrConne = document.getElementById("Stu" + i).value + "、";//            StrConne = document.getElementsByName("Stu" + i)[0].value + "、" + StrConne;
//            //MyCon = StrConne + StrConne;
//            alert(StrConne);
//            document.getElementById("totalNumbervalue").value = document.getElementsByName("Stu" + i)[0].value + "、" + document.getElementById("totalNumbervalue").value;
//          //  alert(document.getElementById("Stu" + i).value); 
//        }
                       if (StrConne != '') {
                MyCon = document.getElementById("ProperValue").value + "、" + StrConne;
            }
            else {
                MyCon = document.getElementById("ProperValue").value;
            }
            //alert(StrConne);
           
            
            window.location = "attrlayeredit.aspx?Mpara=" + Mpara + "&Ipara=" + MyCon + "";        
    }    function Canattr() {
        window.location = "attr-list.aspx";
    }    function additem() {
        var row, cell, str;
        row = document.getElementById("tb").insertRow();
        if (row != null) {
            cell = row.insertCell();
            cell.innerHTML = "<input type=\"text\" id=\"Stu" + newItemNumber + "\"><input type=\"text\" id=\"Svm" + newItemNumber + "\"><input type=\"button\" value=\"删除\" onclick=\'deleteitem(this);\'><a href=\"javascript:Addkinditem(" + newItemNumber + ")\" class=\"bluetext button-like-long\">保存本级记录</a>";
            document.getElementsByName("totalNumber")[0].value = newItemNumber++;        }
    }    function Addkinditem(newItemNumber) {    
        //  alert(document.getElementById('KindTalble').getElementsByTagName("Stu" + newItemNumber).innerHTML);
        var ipts = document.getElementById('tb').getElementsByTagName('input');
        var StrConne = '';
        for (var i = 0; i < ipts.length; i++) {
            if (ipts[i].type == 'text') {                //当我点击  保存本级记录 把newItemNumber的编号(这个编号是动态创建控件的编号)
                //Svm0   Stu0                    //在这里如何获取
                StrConne += ipts[i].value + "、";
            }
        }
        alert(StrConne);
    }    function deleteitem(obj) {
        var curRow = obj.parentNode.parentNode;
        tb.deleteRow(curRow.rowIndex);
        document.getElementsByName("totalNumber")[0].value = eval(document.getElementsByName("totalNumber")[0].value) - 1;    }</script>
 
<div class="editlayer">
<h4 class="edit-title">修改产品属性</h4>
<div class="edit-list">
<ul>
<li>
<label class="label-before">属性名称:</label>
<input id="ProperName" name="ProperName" type="text" class="blueborder text-long" />
</li>
<li>
<label class="label-before">属性值:</label>
<div class="fl">
<ul class="edit-lists">
<li><input id="ProperValue" name="ProperValue" type="text" class="text" /></li>
</ul>
<a href="javascript:additem()" class="bluetext" >+添加新属性值</a> 
<table id="tb"></table></div>
</li>
</ul>
<label class="label-before"></label>
<a href="javascript:Addattr()" class="button-like-short mr20">保存</a>
<a href="javascript:Canattr()" class="button-like-short close">取消</a>
</div>
</div> <input type="hidden" name="totalNumber" id="totalNumber"/>
<input type="hidden" name="totalNumbervalue" id="totalNumbervalue" value="" />
</body>
</html>
javascript问题的延伸