From 455a4fb9aee057819ce1b89a76c596487d86cbd1 Mon Sep 17 00:00:00 2001
From: Administrator <450292408@qq.com>
Date: Thu, 21 Oct 2021 07:11:22 +0000
Subject: [PATCH] docs: update wg-basic/page-unit

---
 wg-basic/page-unit.md | 59 ++++++++++++++++++++++++++++++++++++++++++-
 1 file changed, 58 insertions(+), 1 deletion(-)

diff --git a/wg-basic/page-unit.md b/wg-basic/page-unit.md
index 6488ff5..efbfd8d 100644
--- a/wg-basic/page-unit.md
+++ b/wg-basic/page-unit.md
@@ -2,7 +2,7 @@
 title: 页面组件
 description: 页面上使用的组件
 published: true
-date: 2021-09-09T09:30:27.823Z
+date: 2021-10-21T07:11:20.695Z
 tags: wg-basic
 editor: markdown
 dateCreated: 2021-09-08T06:41:19.351Z
@@ -368,6 +368,15 @@ top.dialog.open({
 2. 返回的列表中可以获取：userId，userName
 
 # 11. 选择地区
+```html
+<div class="layui-form-item">
+  <label class="layui-form-label layui-form-label-up">选择地区</label>
+  <div class="layui-input-block layui-input-block-down">
+    <input type="hidden" id="areaCode" name="areaCode">
+    <input type="text" id="areaName" name="areaName" class="layui-input" value="" placeholder="请选择地区" maxlength="255" readonly lay-verify="required">
+  </div>
+</div>
+```
 ```javascript
 top.dialog.open({
   title: '选择地区',
@@ -395,3 +404,51 @@ top.dialog.open({
 说明：
 1. 打开页面时的参数 **areaName** 用于回显，可以不传。
 2. 返回的列表中可以获取：areaId，areaName，areaCode
+
+# 12.列表下拉选择
+1. 固定
+```html
+<div class="layui-inline layui-form search-item">
+  <select id="type" name="type" lay-filter="typeFilter">
+    <option value="">选择类型</option>
+    <option value="type1">类型1</option>
+  </select>
+</div>
+```
+
+2. 动态
+```html
+<div class="layui-inline layui-form search-item search-item-width-100">
+  <div class="layui-form" id="questionTypeSelectTemplateBox" lay-filter="questionTypeSelectTemplateBox"></div>
+  <script id="questionTypeSelectTemplate" type="text/html">
+    <select id="questionType" name="questionType" lay-filter="questionType">
+      <option value="">选择试题类型</option>
+      {{# for(var i = 0, item; item = d[i++];) { }}
+      <option value="{{item.dataId}}">{{item.dataName}}</option>
+      {{# } }}
+    </select>
+  </script>
+</div>
+```
+```javascript
+function initQuestionTypeSelect() {
+  top.restAjax.get(top.restAjax.path('api/data/listbyparentid/a7d1ab3d-fbd2-48ca-bfb8-353cad9f3eba', []), {}, null, function(code, data, args) {
+    laytpl(document.getElementById('questionTypeSelectTemplate').innerHTML).render(data, function(html) {
+      document.getElementById('questionTypeSelectTemplateBox').innerHTML = html;
+    });
+    form.render('select', 'questionTypeSelectTemplateBox');
+  }, function(code, data) {
+    top.dialog.msg(data.msg);
+  });
+}
+```
+3. 下拉选择事件
+```javascript
+form.on('select(typeFilter)', function(data) {
+  $('#choiceType').val('')
+  form.render('select');
+  if(data.value === 'type1') {
+  } else {
+  }
+});
+```
\ No newline at end of file