关于#jquery#的问题，如何解决？

Question

** 问题遇到的现象和发生背景 **
利用jquery动态生成下拉框不生效
这是下拉框部分代码

        <div class="layui-form-item">
            <label class="layui-form-label">分类</label>
            <div class="layui-input-inline">
                <select id="classification" name="classification" lay-verify="" lay-search="">
<!--                    <option value="未选择">直接选择或搜索选择</option>-->
<!--                    <option id="bian" value="编程">编程</option>-->
                    <option class="bian" value="2">form</option>
<!--                    <option value="3">layim</option>-->
<!--                    <option value="4">element</option>-->

                </select>
            </div>
        </div>

jquery代码

    var $ = layui.jquery;
    $.get("http://localhost:8080/Student_Manage_System_war_exploded/BookServlet?action=Classification",function (obj){
        console.log(obj);
        var data = obj.data;
        console.log(data)
        for (let i = 0; i < data.length; i++) {
            console.log(data[i])
            $(".bian").val(data[i].className)
            $("#classification").append("<option value="+data[i].className+'>'+data[i].className+"</option>");
            // $("#classification").find("<option value="+data[i].className+'>'+data[i].className+"</option>").attr("classification",true)
        }
        // $("#classification").html("<option value='未选择'>直接选择或搜索选择</option>");
        // $.each(data, function (i, n) {
        //     console.log(n.className);
        //     $("#classification").append("<option value="+n.className+">"+n.className+"</option>");
        // });
    })

这样做没有任何得显示

Answer 1

在js中设置下拉框被选中：

最初写法：

//移出selected

$("#selected option").removeAttr("selected");

//将value值为value的设为selected

$("#selected").find("option[value=]+value+"]").attr("selected",true);

来回切换几次后发现selected不起作用了。

上网查询原来是浏览器兼容性的问题：将写法改为以下的写法就可以了

$("#selected").find("option[value=]+value+"]").prop("selected",true);