幫朋友做的一個簡單特效。一般情況下，用js插入標簽，普通的觸發事件對它是無效的，但是可以換種寫法就行啦。
直接上代碼啦，簡單的東西
<!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> <script src="http://lib.sinaapp.com/js/jquery/1.9.1/jquery-1.9.1.min.js"></script> </head> <body> <div class="sellect_box" style="margin:0 auto;width:300px;"> <select class="select1"> <option value=""></option> <option value="2">2</option> <option value="3">3</option> </select> <!--<select class="select2"> <option>操作1</option> <option>操作2</option> <option>操作3</option> </select>--> <button class="btn">添加</button> </div> <script> $(document).on("change",".sellect_box .select1",function(){ //第二個下拉框,根據第一個下拉框，填入對應的數據 var sel="<select class=\"select2\">"+ " <option>操作1</option>"+ " <option>操作2</option>"+ " <option>操作3</option>"+ " </select>"; $(this).after(sel); }) //點擊添加，再添加一行 $(document).on("click",".btn",function(){ var selHtml="<div class=\"sellect_box\" style=\"margin:0 auto;width:300px;\">"+ " <select class=\"select1\">"+ " <option value=\"\"></option>"+ " <option value=\"2\">2</option>"+ " <option value=\"3\">3</option>"+ " </select>"+ " <button class=\"btn\">添加</button>"+ " </div>"; $(this).parent(".sellect_box").after(selHtml); }) </script> </body> </html>