最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
更优雅的jQuery拼接下拉框方式
时间:2016-07-14 编辑:简简单单 来源:一聚教程网
在Stack Overflow浏览到一个问题:如何用jQuery更好的拼接下拉框代码?这个小需求在实践中也写过很多次,但是网友提供了一个更优雅的jQuery拼接下拉框方式。
代码如下:
var options = $("#options");
$.each(result, function() {
options.append($("").val(this.ImageFolderID).text(this.Name));
});
再翻出自己前不久写的(第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');
}
用的拼接字符串的写法,对比一下,代码明显不够优雅!
相关文章
- jQuery使用EasyUi实现三级联动下拉框效果 06-07
- 一款基于jquery联动下拉框效果 10-29
- jquery 联动下拉框 10-28
- 四种jquery 动态增加option下拉框代码 09-01
- jquery 模拟下拉框插件代码 08-31
- HTML简单购物数量小程序代码展示 10-31