質問: ### selectboxの連動をさせて増減する入力フォームを作成したい jQueryによるフォームテーブル行の追加・削除 jQuery 3つのプルダウンを連動させるプラグイン ``` ``` ``` 1 ▼選択 ファッション ドリンク・お酒 パソコン・周辺機器 ▼選択 バッグ シューズ ▼選択 アタッシュケース ウエスト、ヒップバッグ ショルダーバッグ ビジネスシューズ ローファー スニーカー ``` --- 行の追加(削除は未実装の為割愛します)は問題なく出来ているのですが、 複製(clone)した後のselectboxが連動せず、複製元のselectboxに干渉してしまいます。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/312e3ed8725cfec2c7f37bd442217878.png) ### 追記 その後HTMLに `style="display: none;"` を追加しました。加えて追加ボタンを押す事にselectboxに一意のidを付与いたしました。 ``` ``` ``` ▼選択 ``` --- 挙動は以下のとおりです。 ![イメージ説明](https://teratail-v2.storage.googleapis.com/uploads/contributed_images/ba2724c4967fcf4a651dc0386e011bc4.png) 原因はscriptの ``` $(".select1").change(function () { //省略 ``` の時にどのselectboxかを限定出来ていないからだと考えています。 よって「最初のselectboxをクリックした時」にどのselectboxかをidで特定さえ出来れば 解決するのかなと考えております。 その他アドレス等ございましたらお手数おかけしますがよろしくお願いします。
回答: 別記事に記載したため