普通下拉框

从这一章节开始，讲解laytpForm.js提供的几种表单元素渲染方式。本章节讲解普通下拉框。

<html>
<body>
<select
    name="name"//提交表单时的name
    id="id"//节点的id值
    data-source="自定义的后端接口路由地址" //数据源，插件自动拼接参数all_data=1
    data-valueField="id" //option中value属性使用列表的哪个字段，默认为id
    data-showField="name" //option中，文本显示使用列表中哪个字段，默认为name
    data-selected="1" //选中项的valueField的值，如果data-valueField属性的值为id，那么当前属性data-selected的值就是数据源中某一个选项的id值，用于添加表单表单元素的默认选中值
    data-placeholder="请选择" //类似placeholder，允许为空，没有默认值，当没有定义当前属性，或者当前属性的值定义为空时，将不会有提示行，默认会选中数据源中的第一个数据
    >
</select>
<script>
layui.use(['laytp'],function(){
    // 这里写表单渲染完成后的一些js
});
</script>
</body>
</html>

是的，就是这样，就可以渲染一个普通下拉框，并且下拉框的内容可以自定义一个后台路由地址获得。