如何在主页将获取的数据库用户名字的数组传入js函数,显示在模态框里?

如何在主页将获取的数据库用户名字的数组传入js函数,显示在模态框里?

http://img1.sycdn.imooc.com//climg/5ee9e78a0919c30714390696.jpg

http://img1.sycdn.imooc.com//climg/5ee9e78a0993d3f508830219.jpg

http://img1.sycdn.imooc.com//climg/5ee9e78a0953410212960647.jpg

尝试很久,数组无法有效传入js的name_show()函数里,主要是不想在index.php里写遍历函数了。

正在回答 回答被采纳积分+1

登陆购买课程后可参与讨论,去登陆

1回答
好帮手慕小尤 2020-06-17 19:12:13

同学你好,使用js实现下拉框默认值。首先转账按钮上添加data-user。代码如下:

<button type="button" class="btn btn-primary btn-default" data-toggle="modal"  data-user="<?php echo $v['name'];?>"  data-target="#myModal">  转账  </button>

然后在收款人的select标签上添加id属性值。如下:

收款人:
<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实现效果。代码如下:

<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>

注:具体内容同学可根据自身环境进行调整。

如果我的回答解决了你的疑惑,请采纳!祝学习愉快!

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师