一聚教程网:一个值得你收藏的教程网站

热门教程

更优雅的jQuery拼接下拉框方式

时间:2022-06-25 17:27:08 编辑:袖梨 来源:一聚教程网

在Stack Overflow浏览到一个问题:如何用jQuery更好的拼接下拉框代码?这个小需求在实践中也写过很多次,但是网友提供了一个更优雅的jQuery拼接下拉框方式。

代码如下:

var options = $("#options");
$.each(result, function() {
    options.append($("


再翻出自己前不久写的(第8-11行):

//改变模板下拉框
function changeTempalte(scene_id) {
    $.post("/tipsadmin/getAllTemplate", {scene_id: scene_id}, function (data) {
        if (data.length == 0) {
            templateForm['bubble']();
            return false;
        }
        option = '';
        $.each(data, function (id, item) {
            option += '';
        });
        $("#template_id").html(option);
        //默认展示第一个模板
        previewTemplate(data[0].id);
    }, 'json');
}

用的拼接字符串的写法,对比一下,代码明显不够优雅!

热门栏目