Php codeigniter中jquery中的Dynamicly添加下拉字段

这是我的jquery代码，我想在其中添加动态字段，如：

输入， 选择， 文件 文本区 等等

我想添加带有验证的动态字段，并将其插入数据库，如下所示：

<script type="text/javascript">
            var count = 0;
            $(function(){

            $('#add_field').click(function(){

            count += 1;
            $('#container').append('<strong>Product Name</strong>'+'<input id="product_name' + count + '" name="product_name[]' + '" type="text" />'+ 
                                   '<strong>Product Image</strong>'+'<input id="user_file' + count + '" name="user_file[]' + '" type="file" />'+
                                   '<strong>Product Category</strong>'+'<?php echo form_dropdown('cat', $cat); ?>'+
                                   '<strong>Product Description</strong>'+'<input id="product_description' + count + '" name="product_description[]' + '" type="textarea" />'
                                  );
        });
    });
        </script>

var计数=0；
$（函数（）{
$（“#添加_字段”）。单击（函数（）{
计数+=1；
$（“#容器”）。追加（“产品名称”“+”+
“产品形象”“+”+
“产品类别”“+”+
“产品说明”“+”
);
});
});

在调试器中显示此输出

    <script type="text/javascript">
        var count = 0;
        $(function(){

        $('#add_field').click(function(){

        count += 1;
        $('#container').append('<strong>Product Name</strong>'+'<input id="product_name' + count + '" name="product_name[]' + '" type="text" />'+ 
                               '<strong>Product Image</strong>'+'<input id="user_file' + count + '" name="user_file[]' + '" type="file" />'+
                               '<strong>Product Category</strong>'+'<select name="cat">
<option value="0">Select Category</option>
<option value="1"> Industrial Plant & Machinary</option>
<option value="2">Electronics & Electrical </option>
<option value="3">Industrial Supplies</option>
<option value="4"> Food & Beverages</option>
<option value="5"> Building & Construction</option>
<option value="6">Apparel & Garments</option>
<option value="7"> Chemicals, Dyes & Solvents</option>
<option value="8"> Medical & Healthcare</option>
<option value="9">Packaging Machines & Goods </option>
<option value="10"> Mechanical Parts & Spares</option>
<option value="11"> Housewares & Supplies</option>
<option value="12">Lab Instruments & Supplies </option>
<option value="13"> Handicrafts & Decoratives</option>
<option value="14">Automobile, Parts & Spares</option>
<option value="15"> Furniture & Supplies</option>
<option value="16"> Hand & Machine Tools</option>
<option value="17"> Textiles, Yarn & Fabrics</option>
<option value="18">Cosmetics & Personal Care</option>
<option value="19"> Metals, Alloys & Minerals</option>
<option value="20">Fashion Accessories & Gear</option>
<option value="21"> Gems, Jewelry & Astrology</option>
<option value="22"> Home Textile & Furnishing</option>
<option value="23"> Agriculture & Farming</option>
<option value="24"> Bags, Belts & Wallets</option>
<option value="25"> Engineering Services</option>
<option value="26"> Herbal & Ayurvedic Product</option>
<option value="27">Sports Goods, Toys & Games</option>
<option value="28"> Computer & IT Solutions</option>
<option value="29"> Kitchen Utensils & Appliances</option>
<option value="30"> Paper & Paper Products</option>
<option value="31"> Media, PR & Publishing</option>
<option value="32">Business & Audit Services</option>
<option value="33"> Books & Stationery</option>
<option value="34">Telecom Equipment & Goods</option>
<option value="35">Transportation & Logistics</option>
<option value="36">IT & Telecom Services</option>
<option value="37">Education & Training</option>
<option value="38"> Marble, Granite & Stones</option>
<option value="39"> Call Center & BPO Services</option>
<option value="40"> Travel, Tourism & Hotels</option>
<option value="41">Bicycle, Rickshaw & Spares</option>
<option value="42"> Financial & Legal Service</option>
<option value="43"> Leather Products</option>
<option value="44">Product Rental & Leasing</option>
<option value="45"> HR Planning & Recruitment</option>
<option value="46"> Architecture & Interiors</option>
<option value="47">Event Planner & Organizer</option>
<option value="48">R&D and Testing Labs</option>
<option value="49"> Facility Management</option>
<option value="50"> Contractors & Freelancers</option>
<option value="51">Rail, Shipping & Aviation</option>
<option value="52"> Security System CCTV</option>
<option value="53"> Web design & development</option>
<option value="54">Industrial Products</option>
<option value="55">Interior & Furnishings</option>
<option value="56"> Hardware & Paints</option>
<option value="57"> Incense, Agarbatti & Pooja Material</option>
<option value="58"> Centering Plates</option>
<option value="59"> Adjustable Spans</option>
<option value="60">ADJUSTABLE STEEL PROPS ADJUSTABLE STEEL PROPS</option>
<option value="61"> FLOOR FORM SINGLE SHEET BEND</option>
<option value="62"> H FRAME</option>
<option value="63">AUTOMOBILE JACKS</option>
<option value="64"> CUP LOCK SYSTEMS</option>
<option value="65">FORM WORK</option>
<option value="66"> ROUND COLUMN</option>
<option value="67"> UNIVERSAL STIRUP HEAD AND BASE JACK</option>
<option value="68"> WALL FORM STANDARD</option>
<option value="69"> TRUSELL</option>
<option value="70"> Cement Products</option>
<option value="71">Fabrication</option>
<option value="72"> Safety Products </option>
<option value="73">Machines and Equipments</option>
<option value="74"> Gloves</option>
<option value="75"> Packaging Material</option>
<option value="76">Photostat Machines</option>
<option value="77">Binding Machines</option>
<option value="78"> Voltage Stabilizer</option>
<option value="79"> Multifunction Printer Machines</option>
<option value="80"> Scanner Machine</option>
<option value="81">Lamination Machine</option>
<option value="82">Color Printers</option>
<option value="83"> Toner cartridge</option>
<option value="84"> Photostat Machine Spare Parts</option>
<option value="85"> Photostat Machines Repairing Service</option>
<option value="86"> Photostat Machine Maintenance Service</option>
<option value="87">Art</option>
<option value="88">Industrial Valves</option>
<option value="89"> Industrial Fittings </option>
<option value="90"> Pressure Gavge</option>
<option value="91"> Bkl-product</option>
</select>
'+
                               '<strong>Product Description</strong>'+'<input id="product_description' + count + '" name="product_description[]' + '" type="textarea" />'
                              );
    });
});
    </script>

var计数=0；
$（函数（）{
$（“#添加_字段”）。单击（函数（）{
计数+=1；
$（“#容器”）。追加（“产品名称”“+”+
“产品形象”“+”+
“产品类别”“+”
选择类别
工业设备和机械
电子与电气
工业用品
餐饮服务部
建筑与施工
服装及成衣
化学品、染料和溶剂
医疗保健
包装机械和货物
机械零件和备件
家居用品
实验室仪器及用品
手工艺品与装饰
汽车、零部件和备件
家具及用品
手工和机床
纺织品、纱线和织物
化妆品和个人护理
金属、合金和矿物
时尚配饰与装备
宝石、珠宝和占星术
家纺家具
农业与农业
包、皮带和钱包
工程服务
草药和阿育吠陀产品
体育用品、玩具和游戏
计算机与IT解决方案
厨房用具及用具
纸及纸制品
媒体、公关和出版
商业与审计服务
书籍和文具
电信设备和商品
运输与物流
资讯科技及电讯服务
教育与培训
大理石、花岗岩和石材
呼叫中心和BPO服务
旅游、旅游和酒店
自行车、人力车及配件
金融和法律服务
皮革制品
产品租赁
人力资源规划与招聘
建筑与室内
活动策划和组织者
研发和测试实验室
设施管理
承包商和自由职业者
铁路、航运和航空
保安系统
网页设计与开发
工业产品
室内装饰
五金和油漆
熏香、阿加巴蒂和普哈材料
定心板
可调跨度
可调钢支柱可调钢支柱
地板单板弯曲
H帧
汽车千斤顶
杯锁系统
模板
圆柱
通用柄头和底座千斤顶
墙型标准
特鲁塞尔
水泥制品
制作
安全产品
机器设备
手套
包装材料
复印机
装订机
稳压器
多功能打印机
扫描仪
干式复合机
彩色打印机
碳粉盒
复印机零件
影印机维修服务
影印机维修服务
艺术
工业阀门
工业配件
压力间隙
Bkl产品
'+
“产品说明”“+”
);
});
});

但是为什么我会在控制台中看到这个错误呢

SyntaxError:未终止的字符串文字

---

有时候php，html会在javascript中创建一个问题，将其放入任何php变量中，然后在js变量中编码，然后在append中传递该变量，如下所示

 $('#add_field').click(function(){
        <php $dropdown = <?php echo form_dropdown('cat', $cat); ?>; ?>

        var dropdown = <?php echo json_encode($dropdown); ?>;
        count += 1;
        $('#container').append('<strong>Product Name</strong>'+'<input id="product_name' + count + '" name="product_name[]' + '" type="text" />'+ 
                               '<strong>Product Image</strong>'+'<input id="user_file' + count + '" name="user_file[]' + '" type="file" />'+
                               '<strong>Product Category</strong>'+ dropdown +
                               '<strong>Product Description</strong>'+'<input id="product_description' + count + '" name="product_description[]' + '" type="textarea" />'
                              );
    });

$（“#添加_字段”）。单击（函数（）{
var下拉列表=；
计数+=1；
$（“#容器”）。追加（“产品名称”“+”+
“产品形象”“+”+
“产品类别”“+下拉列表+
“产品说明”“+”
);
});

---

希望能有所帮助。

有时候php、html会在javascript中创建一个问题，将其放入任何php变量中，然后在js变量中编码，然后在append中传递该变量，如下所示

 $('#add_field').click(function(){
        <php $dropdown = <?php echo form_dropdown('cat', $cat); ?>; ?>

        var dropdown = <?php echo json_encode($dropdown); ?>;
        count += 1;
        $('#container').append('<strong>Product Name</strong>'+'<input id="product_name' + count + '" name="product_name[]' + '" type="text" />'+ 
                               '<strong>Product Image</strong>'+'<input id="user_file' + count + '" name="user_file[]' + '" type="file" />'+
                               '<strong>Product Category</strong>'+ dropdown +
                               '<strong>Product Description</strong>'+'<input id="product_description' + count + '" name="product_description[]' + '" type="textarea" />'
                              );
    });

$（“#添加_字段”）。单击（函数（）{
var下拉列表=；
计数+=1；
$（“#容器”）。追加（“产品名称”“+”+
“产品形象”“+”+
“产品类别”“+下拉列表+
“产品说明”“+”
);
});

---

希望能有所帮助。

你为什么要在名称属性中进行浓缩

name=“product_name[]”+“

只需将

name=“product_name[]“< /代码>对于这个->代码> <代码>它可能会被认为是一个JS变量，像这样改变代码< >代码>把代码> <代码>它在任何PHP变量中，然后在JS变量中编码它，然后将该变量传递到附录< /Cord>为什么你要用name属性来连接？代码>名称：“产品TyName []”+“代码”>只放<代码> name =“产品TwiteName [] ] /代码>对于->代码> <代码>，可以将CAT作为JS变量进行更改，如“代码> <代码>把代码> <代码>它在任何PHP变量中，然后在JS Valabor中编码，然后将该变量传递到<代码>附件< /代码>中。