[実践] JSON配列、およびページ、ULリスト、テーブル、等を選択するドロップダウンボックスに表示JSONオブジェクトの配列周期

1 <％ -
 2    のIntelliJ IDEAによって作成。
3    ユーザー：L
 4    日：2019/10/16
 5    時間：16:17
 6を    変更するには、このテンプレートを使用するファイルを| 設定| ファイルのテンプレート。
7 - ％>
 8 <％@ページのcontentType = "text / htmlの;のcharset = UTF-8"言語= "javaの" ％>
 9 <HTML>
 10 <ヘッド>
 11      <タイトル>用户信息</タイトル>
 12      <スクリプトタイプ= "テキスト/ javascriptの" SRC = "https://code.jquery.com/jquery-3.2.1.min.js"> </ SCRIPT>
 13 </ head>の
 14 <身体>
<スクリプトタイプ= "テキスト/ javascriptの">
 16      $（関数（）{
 17          VARの JSON = { "名前"： "jillion"、 "年齢"：18 };
 18          はconsole.log（typeof演算JSON）;
 19          VaRの STR = JSON.stringify（JSON）;
 20          VAR OBJ = JSON.parse（STR）;
 21          VAR UserArray = [
 22              { "EMPID"：2012 、
 23                              "のempName"： "李逵" 、
 24                              "性別"： "M" 、
25                             "電子メール"： "[email protected]" 、
 26                              "DID"：1 、
 27                              "部門" ：{
 28                                  "DEPTID"：1 、
 29                                  "DEPTNAME"： "开发部"
 30                              }
 31                          }、{
 32                              「EMPID 「：2013 、
 33                              "のempName"： "3c1ba0" 、
 34                              "性別"： "M"、
 35                             "電子メール"： "[email protected]" 、
 36                              "DID"：1 、
 37                              "部門" ：{
 38                                  "DEPTID"：1 、
 39                                  "DEPTNAME"： "开发部"
 40                              }
 41                          }、{
 42                              「EMPID 「：2014 、
 43                              "のempName"： "153421" 、
 44                              "性別"： "M"、
 45                             "電子メール"： "[email protected]" 、
 46                              "DID"：1 、
 47                              "部門" ：{
 48                                  "DEPTID"：1 、
 49                                  "DEPTNAME"： "开发部"
 50                              }
 51                          }、{
 52                              「EMPID 「：2015 、
 53                              "のempName"： "cd0412" 、
 54                              "性別"： "M"、
 55                             "電子メール"： "[email protected]" 、
 56                              "DID"：1 、
 57                              "部門" ：{
 58                                  "DEPTID"：1 、
 59                                  "DEPTNAME"： "开发部"
 60                              }
 61                          }、{
 62                              「EMPID 「：2016 、
 63                              "のempName"： "4240d3" 、
 64                              "性別"： "M"、
 65                             "電子メール"： "[email protected]" 、
 66                              "DID"：1 、
 67                              "部門" ：{
 68                                  "DEPTID"：1 、
 69                                  "DEPTNAME"： "开发部"
 70                              }
 71              }
 72          ]。
73          VAR UserArray = $（UserArray）。
74          UserArray.each（関数（I）{
 75              // 下拉列表
76             $（ "＃arraySel"）追加（ "<オプション値= ' "+（I + 1）+"'>" +。この .department.deptName + " - " + この .empId + " - " + この .empName + " - "+ この .email +" </オプション>」）;
77              // UL列表
78              $（ "＃arrayUl"）（ "<LI>" +追加。この .department.deptName + " - " + この .empId + " - " + この .empName + " - " + この .email +」を< / LI>」  
         
         83          $ .each（UserArray、関数（I、OBJ）{
 84              aa.append（ "<TR> <TD>" +（obj.empId）+ "</ TD> <TD>" +（obj.empName）+ "</ TD> <TD>" +（obj.gender）+ "</ TD> <TD>" +（obj.email）+ "</ TD> <TD>" +（obj.department.deptName）+ "</ TD> </ TR>" ）
 85          }）
 86      }）
 87 </スクリプト>
 88 <SELECT ID = "arraySel"> </選択>
 89 <UL IDを= "arrayUl"> </ UL>
 90 <テーブルID = "USERTABLE"ボーダー= '1'> </ TABLE>
 91 </ BODY>
92 </ HTML>
[実践] JSON配列、およびページ、ULリスト、テーブル、等を選択するドロップダウンボックスに表示JSONオブジェクトの配列周期

おすすめ
