layui动态生成的下拉框添加title提示

最新推荐文章于 2024-01-24 17:05:05 发布

四月_h

最新推荐文章于 2024-01-24 17:05:05 发布

阅读量566

点赞数

文章标签： layui javascript 前端

本文链接：https://blog.csdn.net/weixin_46389242/article/details/130130945

版权

该代码段是用于给layui框架动态生成的select下拉框中的选项元素添加title属性，以便提供鼠标悬停提示。函数通过遍历select元素的option，并查找对应的dd元素，为它们设置title属性，提高了用户体验。

摘要由CSDN通过智能技术生成

// 给select弹出层中显示的dd元素增加title属性
//$("select[name='yjrw']")  中的name要和自己给select设置的name一致
                            function addTitleToDd() {
                                var multipleOptionObjs = $("select[name='yjrw']").find('option');
                                for (var i = 0; i < $(multipleOptionObjs).length; i++) {
                                    var singleOptionObj = $(multipleOptionObjs)[i];
                                    var categoryId = $(singleOptionObj).attr("value"),
                                        title = $(singleOptionObj).attr("title");

                                    if (categoryId != "") {
                                        var ddSelector = "dd[lay-value='" + categoryId + "']";
                                        var ddTitle = (title == undefined) ? "" : title;
                                        var ddObj = $("select[name='yjrw']").siblings("div.layui-form-select").find('dl').find(ddSelector);

                                        // dd元素增加title提示
                                        $(ddObj).attr("title", ddTitle);
                                    }
                                }
                            }
                            form.render();
                            // 给弹出层中显示的dd元素增加title属性
                            addTitleToDd();