模态框ajax数据JQ对select下拉框选中

àì夳堔傛蜴生んèń 2023-02-23 12:27 13阅读 0赞

*  在编辑模态框中，存在下拉选框，选框数据来源与后台
 *  点击编辑获取一条数据，自动选中下拉框中的数据  
    上一篇：[模态框获取页面请求数据][Link 1]  
    例子：

*  通过`ajax`请求获取了单条数据，通过数据让`select` 自动选中响应的`option`
 *  这里的思路是将标签`option` 进行遍历，将`vaule`的值与后台返回的值进行对比，对比一致进行选中
 *  `$('#edit_soft_id option').eq(index).attr("selected",true)`

function openmodel(obj) { 
                            var tt = $(obj).parents('tr').data('id')
                            $('#editModal').modal({ show:true})
                            $.ajax({ 
                                    type:"post",
                                    data:{ id:tt},
                                    url:"xxxxx",
                                    sync:false,
                                    success:function (data) { 
                                            console.log(data)
                                            // return false;
                                            var soft_id = data.softwaretype_id
                                            $('#edit_soft_id option').each(function (index,element) { 
                                                    var v = $(this).val()
                                                    if (soft_id==v) { 
                                                            $('#edit_soft_id option').eq(index).attr("selected",true)
                                                    }
                                            })
    
                                    }
                            })
                    }

补充：上上述的方法中出现第一次能够正确触发第二次无法触发  
改为全ajax去处理

$('#edit_soft_id').empty()
                                            $.each(data.softtype, function (i,v) { 
                                             
                                                    if (v.id == soft_id){ 
                                                            $('#edit_soft_id').append("<option value="+v.id+" selected>"+v.name+"</option>")
                                                    }else { 
                                                            $('#edit_soft_id').append("<option value="+v.id+">"+v.name+"</option>")
                                                    }
                                            })

[Link 1]: https://blog.csdn.net/weixin_43674113/article/details/107089086