素材网 素材网

jQuery快速填充表单插件包含图片调用

下载资源()次

阅读次数()次

发布时间:2015-07-06

jQuery快速填充表单插件包含图片调用
分享到:

用法简介:

来源:xw素材网

一款比较适用的JQuery插件,标题处输入内容弹出提示信息,并快捷旋转所选内容。
文件引用:

<script type="text/javascript">
$(function () {
var projects = [
{
  value: "jquery",
  label: "jQuery",
  desc: "the write less, do more, JavaScript library",
  icon: "aaaa.jpg"
},
{
  value: "jquery-ui",
  label: "jQuery UI",
  desc: "the official user interface library for jQuery",
  icon: "bbbb.jpg"
},
{
  value: "sizzlejs",
  label: "Sizzle JS",
  desc: "a pure-JavaScript CSS selector engine",
  icon: "cccc.jpg"
},
{
  value: "DivCSS",
  label: "DivCSS",
  desc: "DivCSSDivCSSDi;vCSSDivCSSDiv;CSSDivCSSDivCSS",
  icon: "dddd.jpg"
},
{
  value: "Html5",
  label: "Html5",
  desc: "Html5Html;5Html5Html5Ht;ml5Html;5Html5Html5Html5;",
  icon: "eeee.jpg"
}
];
$("#txtCustomerName").autocomplete({
minLength: 1,
source: projects,
focus: function (event, ui) {
$("#txtCustomerName").val(ui.item.label);
return false;
},
select: function (event, ui) {
$("#txtCustomerName").val(ui.item.label);
$("#CustomerName").val(ui.item.value);
$("#CustomerDesc").html(ui.item.desc);
$("#CustomerIcon").attr("src", "images/" + ui.item.icon);
return false;
}
})
.autocomplete("instance")._renderItem = function (ul, item) {
return $("<li>")
.append("<a>" + item.label + "</a>")
.appendTo(ul);
};
});
</script>


   

相关标签:

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。