select下拉框获取动态数据作为option

描述

select下拉框的内容来自某个表的数据。

可以使用select点击或者直接加载触发请求的事件。

实施

html

<select id = "functionCode">
    <option value = "">请选择</option>
</select>

js

funList：后台传过来的list；
functionCode、functionName：是funList中的对象的属性；

$.ajax({
    url:...,
    contentType:"application/json",
    type:"post",
    dataType:"json",
    beforeSend:...,
    data:JSON.stringify(...),
    success: function(data) {
        var funList = data.funList;
        for (var i = 0; i < funList.length; i++) {
            $("#functionCode").append((new Option(funList[i].functionCode + " " + funList[i].functionName, funList[i].functionCode)));
        }
    }
});

如果前端的select没有使用任何框架，上面success中的处理就可以正常使用；

如果用了一些框架，可能导致点击select没有反应，或者点击两次才出现下拉列表：

见https://blog.csdn.net/qq_24484911/article/details/94150368