easyui的select使用

这是一个小demo，其他相关功能查看easyuiAPI，需要注意的是valueField: 'id', textField: 'name'中id指json的key，name指json的值，id和name只需和json中对应即可。

<!-- 原始方法 -->
<select>
<option>北京</option>
<option>上海</option>
<option>广东</option>
</select>

<!-- 使用easyui方法一 -->
<input class="easyui-combobox" data-options="valueField: 'id', textField: 'name',url:'${pageContext.request.contextPath }/json/combobox.json'">


<!-- 使用easyui方法二 -->
<input id="easyuiSelect" class="easyui-combobox">
<script type="text/javascript">
        $('#easyuiSelect').combobox({
            url:'${pageContext.request.contextPath }/json/combobox.json',
            valueField:'id',
            textField:'name'
        });
</script>

 

转载于:https://www.cnblogs.com/pecool/p/8462752.html