js 进行 select 选中 option 值 并显示出来（坑啊--已解决）

jsp页面

<div class="control-group">
                                        <label class="control-label">奖惩对象类型<img src="${ctx}/static/img/xing.png">：</label>
                                        <div class="controls">
                                            <select style="width: 630px;" name="catalogType" id="catalogType">
                                                <option value="" >===请选择状态===</option>
                                                <c:forEach items="${catalog_typeList_List}" var="obj" varStatus="status">
                                                    <option value="${obj.codeValue}" <c:if test="${obj.codeValue==aplaunch.catalogType}">selected = "selected"</c:if>>${obj.codeName}</option>
                                                </c:forEach>
                                            </select>
                                        </div>
                                    </div>

 

 

js：处理：

function change_obj(v){
        var vsplit = v.split("2");

        //首先通过id获取select
属性        var optionsLength = document.getElementById('catalogType').options.length;
        var pt = document.getElementById('catalogType');
        if(vsplit[0] == 'ZRR'){
           //第一种
            var sl=$("#catalogType");
            var ops=sl.find("option");
            ops.eq(1).val("1").text("自然人").prop("selected",true);//eq里面索引自值随便改0是百第一个jq 1.6版本后度选中状态就改为prop不是attr了。
            $("#catalogType").trigger("change");  //一定要加上trigger触发，页面选中框才会有显示

           //第二种  原生
           /*  for(var i = 0; i < optionsLength; i++){
                var option = parseInt(document.getElementById('catalogType').options[i].value);
                if(option == '1'){
                    pt.options[i].setAttribute("selected","true");
                }
                $("#catalogType").trigger("change"); //一定要加上trigger触发，页面选中框才会有显示
            } */

            // 第三种  使用select2.min.js
            $("#catalogType").val("1").trigger("change");
        }else if(vsplit[0] == 'FR'){
             $("#catalogType").val("2").trigger("change");
        }
    
    }