如何在主页将获取的数据库用户名字的数组传入js函数,显示在模态框里?
尝试很久,数组无法有效传入js的name_show()函数里,主要是不想在index.php里写遍历函数了。
9
收起
正在回答 回答被采纳积分+1
1回答
好帮手慕小尤
2020-06-17 19:12:13
同学你好,使用js实现下拉框默认值。首先转账按钮上添加data-user。代码如下:
1 | <button type= "button" class = "btn btn-primary btn-default" data-toggle= "modal" data-user= "<?php echo $v['name'];?>" data-target= "#myModal" > 转账 </button> |
然后在收款人的select标签上添加id属性值。如下:
1 2 3 4 5 6 | 收款人: <select class = "form-control" id= 'transfer-person' name= "payee" > <?php foreach ( $data as $v ){?> <option value= "<?php echo $v['name']?>" ><?php echo $v [ 'name' ]?></option> <?php }?> </select> |
最后使用js实现效果。代码如下:
1 2 3 4 5 6 7 8 9 10 11 12 13 | <script type= "text/javascript" > $( "#exampleModal" ).modal( "hide" ); $( '#myModal' ).on( 'show.bs.modal' , function (event) { // relatedTarget 事件属性返回与事件的目标节点相关的节点。 var a = $(event.relatedTarget) var userName = a.context.dataset.user; var modal = $(this); //获取select option value值 $( "#transfer-person" ).each( function (){ $( '#transfer-person' ).val(userName); }); }); </script> |
注:具体内容同学可根据自身环境进行调整。
如果我的回答解决了你的疑惑,请采纳!祝学习愉快!
PHP常用技术与ThinkPHP5框架开发
- 参与学习 人
- 提交作业 225 份
- 解答问题 3372 个
掌握用PHP开发互联网网站的必备功能,掌握当下主流的Linux系统开发,并熟练使用热门框架ThinkPhp开发电商团购项目,是通向PHP工程师必经之路。
了解课程
恭喜解决一个难题,获得1积分~
来为老师/同学的回答评分吧