jQuery添加options点击事件并传值实例代码

说明：

最近刚接了一个项目，其中有项目需求要求根据选择不同店铺选项，上送不同id值，展示不同商品列表

先给大家展示下实现效果图：如果大家感兴趣对此很感兴趣，可以参考下实现代码。

rush:js;"> var formStr = "{'supplierId':'供应链企业|%-jm-sprt-%|93794498-3'}"; $.ajax({ type : "post",dataType : "json",cache : false,url : "../../../webservice/gmall.json",// 提交到一般处理程序请求数据 data :"businessCode=61001001&message="+encodeURI(formStr).replace(/\+/g,"%2B"),async : false,error : function() { //alert("connection error!!!"); layer.alert("数据加载失败,请及时联系管理员！",0); },success : function(data) { var dataJson = strToJson(data.msg); var shopname = dataJson.body.gmPage; if(dataJson.head.status=='000000'){ $.each(shopname,function(i,item){ $("#store").append(""+item.name+""); }) $("select").on('click',function (){ var opt = $(this).children('option:selected'); var shopId = $(opt).attr('id'); var shopType = $(opt).val(); var formStrshop = " {'shopId':"+shopId+",'shopType':"+shopType+"}"; if($("option").val()==''){ $("#tb").empty(); } $.ajax({ type : "post",// 提交到一般处理程序请求数据 data :"businessCode=61001003&message="+encodeURI(formStrshop).replace(/\+/g,error : function() { layer.alert("数据加载失败,item){ var attributeValue11 = dataJson.body.gmPage[i].attributeValue11; $("#tb").empty(); $("#tb").append("" +"

简单示例

rush:js;">

以上所述是小编给大家介绍的jQuery添加options点击事件并传值实例代码的相关知识。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助，如果觉得编程之家不错，可分享给好友！感谢支持。