Jquery ベースのドロップダウン ボックスの変更により、テーブルの動的追加と削除の実装 code_jquery

レンダリング:

ドロップダウン ボックスが変更されたら、情報を入力する大人を追加するか、情報を入力する子供を追加してください。

コードをコピー コードは次のとおりです:

<スクリプト言語="javascript">
//成人追加
function addAdult(){
var selAdult = $("#SelectAdult");
var tabtrCss = $(".tabtr");
var selValue = selAdult.val();
var addStr = "< ;td class='w_tit'>证件番号：

乘客姓名：< /td>
	证件の種類：	身份证护照军官证その他

";
tabtrCss.remove();
for(var i=1;i$("#アダルト").append(addStr);
}
}
// 追加儿童
function addChildren(){
var selChild = $("#SelectChildren");
var Children = $(".children");
var selValue = selChild.val();
var addStr = "< ;td class='w_tit'>证件番号：

乘客姓名：< /td>

证件の種類：

身份证出生日期gt;其它gt;gt;gt;gt;";
children.remove();
for(var i = 1;i$("#child").append(addStr);
}
}

成人

1 人
2 人
3 人
4 人
5 人

乘客姓名：
证件番号：		证件类型：	身份证 护照 军官证 その他

儿童

0人
1 人
2 人

联系人姓名：		联系方式：

JavaScript コードもカスタマイズ可能、儿童と成人下拉框改天津追加の情報は一样的です！