ホームページ > ウェブフロントエンド > jsチュートリアル > Jquery ベースのドロップダウン ボックスの変更により、テーブルの動的追加と削除の実装 code_jquery

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

WBOY
リリース: 2016-05-16 18:09:13
オリジナル
1430 人が閲覧しました

レンダリング:
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>
证件の種類:

成人














乘客姓名:
证件番号: 证件类型:



儿童













联系人姓名: 联系方式:





JavaScript コードもカスタマイズ可能、儿童と成人下拉框改天津追加の情報は一样的です!
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート