jq 点击传多个值

2017-08-05  本文已影响0人  riyihu

在项目中有时点击一个按钮需要传多个值到别的页面,使用jq data-.如下

QQ图片20170805104706.png

点击航班,自动填上航班号,目的地
以下示例是layui框架
<td >
<a title="选择" href="javascript:;" class='choose_one' data-id='{$row.id}' data-flight='{$row.flight}' data-start='{$row.start}' data- destination='{$row.destination}' to_url="{:url('')}" style="text-decoration:none">
<button class="layui-btn layui-btn-mini"><i class="layui-icon"></i> 选择</button>
</a>
</td>

<script>
layui.use(['form','layer'], function() {
$ = layui.jquery;

    $('.choose_one').click(function () {
        var id = $(this).data('id');
        var flight = $(this).data('flight');
        var start = $(this).data('start');//拿到对应的值
        var destination = $(this).data('destination');

        window.parent.setValue(id,flight,start,destination);
        x_admin_close();
    });
});

</script>

parent页面

<script>

function setValue(id,name,visa) {
$('#id').val(id);
$('#flight').val(flight);
$('#destination').val(destination);

}
</script>

上一篇 下一篇

猜你喜欢

热点阅读