62,041
社区成员
发帖
与我相关
我的任务
分享
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebApplication1.WebForm1" %>
<!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 runat="server">
<title></title>
<script src="jquery-1.7.min.js" type="text/javascript"></script>
<script>
$(function() {
$("#getAtr").click(function() {
$str = '';
$str += "<tr>";
$str += "<td><input name=\"ItemAddInput\" style=\"display:none;\" type=\"text\" class=\"inputselect_txt\" /><select name=\"Items\" onchange=\"changeText(this)\" class=\"select_txt\">";
$str += "<option value=\"1\">电话号码</option>";
$str += "<option value=\"2\">家庭电话</option>";
$str += "<option value=\"3\">办公电话</option>";
$str += "<option value=\"4\">手机号码</option>";
$str += "<option value=\"19\">自定义</option></select>";
$str += "<input name=\"\" type=\"text\" class=\"input_text1\" />";
$str += "<a class=\"del\" onclick=\"getDel(this)\" >删除</a> | <a class=\"mod\" id=\"getAtr\">添加</a>";
$str += "<p class=\"f1\">常用号码</p>";
$str += "</td>";
$str += "</tr>";
$("#addTr").append($str);
});
});
function getDel(k) {
$(k).parent().remove();
}
function changeText() {
var tbd = document.getElementById("addTr").childNodes; //tr
if (tbd != null && tbd.length > 0) {
for (var i = 0; i < tbd.length; i++) {
if (i > 0) {
if (tbd[i].childNodes[0].childNodes[1].value == "19") {
tbd[i].childNodes[0].childNodes[0].style.display = "block";
}
} else {
//alert(tbd[i].childNodes[0].childNodes[2].value + ",,,,,," + i);
if (tbd[i].childNodes[0].childNodes[2].value == "19") {
tbd[i].childNodes[0].childNodes[0].style.display = "block";
}
}
}
}
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<table border="1" cellspacing="0" cellpadding="0" class="mod_bd">
<tr class="bd_no1">
<td class="txt1">
联系人:
</td>
<td class="txt2">
<input name="" type="text" class="input_text" />
</td>
</tr>
<tr class="bd_no2">
<td class="txt1">
电话:
</td>
<td class="txt2">
<table width="100%" border="0" cellspacing="0" cellpadding="0">
<tbody id="addTr">
<tr>
<td>
<input name="ItemAddInput" style="display: none;" type="text" value="蒋颁" class="inputselect_txt" />
<select name="Items" onchange="changeText()" class="select_txt">
<option value="1">电话号码</option>
<option value="2">家庭电话</option>
<option value="3">办公电话</option>
<option value="4">手机号码</option>
<option value="19">自定义</option>
</select>
<input name="" type="text" class="input_text1" />
<a class="del">删除</a> | <a class="mod" id="getAtr">添加</a>
<p class="f1">
常用号码</p>
</td>
</tr>
</tbody>
</table>
</td>
</tr>
</table>
</div>
</form>
</body>
</html>