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

说明：

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

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

var formStr='{'supplierId': '供应链企业| %-JM-sprt-% | 93794498-3 ' } '；$.ajax({type : 'post '，dataType : 'json '，cache : false，url : './././webservice/gmall.json '，//提交到一般处理程序请求数据数据： '业务代码=61001001消息=' encodeURI(formStr).替换(/\ /g ' ')，async : false，错误： function() {//alert('连接错误！');layer.alert('数据加载失败，请及时联系管理员!',0);},成功：函数(数据){ var dataJson=strToJson(数据。味精)；var商店名称=datajson。尸体。gmpageif(Datajson。头部。状态=' 000000 '){ $ .每个（店名，功能(我，项目){ $(“# store”).追加('选项id=' ' item.id ' '值='项。shopity PE“title=”项目。名称' ' '项目。name '/option ')；})$("选择")。on('click ')，function (){var opt=$(this).儿童(“选择了选项：”)；var shopId=$(opt).attr(' id ')；var shopType=$(opt).val()；var formStrshop=' { ' shopId ' : ' shopId '，' shopitype ' : ' shopitype ' } if($(' option ').val()==''){$('#tb ').empty()；}$.ajax({type : 'post '，dataType : 'json '，cache : false，url : './././webservice/gmall.json '，//提交到一般处理程序请求数据数据： '业务代码=61001003消息=' encodeURI(formStrshop).替换(/\ /g ' ')，async : false，错误：函数(){layer.alert('数据加载失败，请及时联系管理员！',0);},成功：函数(数据){ var dataJson=strToJson(数据。味精)；var商店名称=datajson。尸体。gmpageif(Datajson。头部。状态=' 000000 '){ $ .每个(shopname，function(i，item){ var attribute value 11=data JSON。尸体。gmpage[I]。attributevalue 11$('#tb ').empty()；$('#tb ').追加(“tr id=”项。id ' ' ' ' TD输入类型='复选框'值='项目。id ' ' name=' price '/TD ' ' TD '项。sn '/TD ' ' TD '项。名称“/TD”“TD”项。attributevalue 11 '/TD ' ' TD输入类型=' text ' name=' discount ' class=' text ' style=' width :100 px '/TD ' ' TD ' 0 '/TD/tr ')；})} }});})}}});简单示例

select name=' id=' ' option value=' 1 ' id=' 1 ' 123/option value=' 2 ' id=' 2 ' gfg/option value=' 3 ' id=' 3 ' ds3/option value=' 4 ' id=' 4 ' 1 fgtr 3/option value=' 5 ' 6y 3/option value=' 6 ' id=' 6 ' 1 FB NH3/option value=' 7 ' id=' 7 ' 1 vdf 3/option/selectscript src=' Htton('点击on('click '，function(){ 0此步可省略，无需管选择权的点击事件var $opt=$(this).儿童(“选择了选项：”)；console.log($($opt).attr('id ')，$($opt).val()，$($opt).html())；//})})})/脚本以上所述是小编给大家介绍的框架添加选择点击事件并传值实例代码的相关知识，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对我们网站的支持！