フロントエンド データ インポートの問題に関するアドバイスを求める_html/css_WEB-ITnose

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=纸箱,木箱,框架,桶装,编织袋,薄膜,框装,无包装

ディスカッション (解決策) に返信します

オプション A の内容をオプション B で「石炭と製品、石油とガス、金属鉱石、鉄鋼、鉱業および建設資材、セメント」これらのオプション

テンプレート エンジンを見てみましょう

私が定義したテンプレート エンジンは次のように解析されます
HTML コード

<p>{$data1}</p><p>{$data2}</p><p>{$data3}</p><p>{$data4}</p>

この HTML を PHP で解析しますつまり、{$data1} に到達したら、data1 で表されるデータに置き換えます。{$data2} に到達したら、data2 で表されるデータに置き換えます...

テンプレート エンジンを見てみましょう。

私が定義したテンプレートエンジンは次のように解析されます
HTML コード

<p>{$data1}</p><p>{$data2}</p><p>{$data3}</p><p>{$data4}</p>

この HTML を php で解析します。つまり、{$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>");    } }