首頁 > web前端 > html教學 > 求教前端导入数据问题_html/css_WEB-ITnose

求教前端导入数据问题_html/css_WEB-ITnose

WBOY
發布: 2016-06-24 12:03:18
原創
993 人瀏覽過

我想要在HTML的

  • 标签中引入数据文件,这样以后我直接改数据文件就行了,不用把每一个HTML都改一遍,请问要怎么实现?
    这是我的HTML部分代码
    <td class="goods-type">                <label>货物类型:</label>                          <div class="ddl collapse">                            <input type="text" placeholder="货物类型" readonly>                            <ul>                              <li>option A</li>                              <li>option B</li>                            </ul>                          </div>                          <div class="ddl collapse">                            <input type="text" placeholder="包装方式" readonly>                            <ul>                              <li>option A</li>                              <li>option B</li>                            </ul>                          </div><span class="required">*</span>              </td>
    登入後複製


    这是数据文件data.properties
    ################## 下拉框内容   ####################所有货源类型的字符串(全部,用逗号分隔,注意,顺序不可调换,只可在后面追加)all_goods_type=煤炭及制品,石油天然气,金属矿石,钢铁,矿建材料,水泥,木材,非金属矿石,化肥农药,盐,粮食,机械,设备电器,化工制品,有色制品,轻工,医药产品,农业产品#所有货源包装方式的字符串(全部,用逗号分隔,注意,顺序不可调换,只可在后面追加)all_goods_pack_method=纸箱,木箱,框架,桶装,编织袋,薄膜,框装,无包装
    登入後複製


    回复讨论(解决方案)

    把option A option B的内容换成“煤炭及制品,石油天然气,金属矿石,钢铁,矿建材料,水泥”这些选项

    你看一下 模板引擎

    我自己定义的模板引擎是这样解析的
    html代码

    <p>{$data1}</p><p>{$data2}</p><p>{$data3}</p><p>{$data4}</p>
    登入後複製
    登入後複製


    在php里解析这个html 也就是说碰到{$data1} 就用data1代表的数据替换 碰到{$data2} 就用data2代表的数据替换......

    你看一下 模板引擎

    我自己定义的模板引擎是这样解析的
    html代码

    <p>{$data1}</p><p>{$data2}</p><p>{$data3}</p><p>{$data4}</p>
    登入後複製
    登入後複製


    在php里解析这个html 也就是说碰到{$data1} 就用data1代表的数据替换 碰到{$data2} 就用data2代表的数据替换......



    我是用后台是java的,前端jsp和html都有

    你数据的项是不定,不遍历怎么能完全填充呢!

    已解决,写成js然后在需要用的地方引入即可,谢谢各位

    {	var arr_str="煤炭及制品,石油天然气,金属矿石,钢铁,矿建材料,水泥,木材,非金属矿石,化肥农药,盐,粮食,机械,设备电器,化工制品,有色制品,轻工,医药产品,农业产品";	var arr = new Array();	arr = arr_str.split(",");	for (var i=0; i<arr.length; i++)        {            document.write("<li>" + arr[i]+"</li>");    } }
    登入後複製
  • 相關標籤:
    來源:php.cn
    本網站聲明
    本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
    熱門教學
    更多>
    最新下載
    更多>
    網站特效
    網站源碼
    網站素材
    前端模板