美文网首页
jq 点击传多个值

jq 点击传多个值

作者: riyihu | 来源:发表于2017-08-05 11:04 被阅读0次

在项目中有时点击一个按钮需要传多个值到别的页面,使用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>

相关文章

  • jq 点击传多个值

    在项目中有时点击一个按钮需要传多个值到别的页面,使用jq data-.如下 点击航班,自动填上航班号,目的地以下示...

  • vue逆向传值

    vue返回上个页面逆向传值传多个值

  • iOS Block传值

    一:.h int type 是要传的值 可以跟多个值 多个值用,分开二:.m传值 三:接收值给cell 设置t...

  • angualr JS跳转GET传值

    一:什么是动态传值与get传值? 在这要区分一个概念:动态传值与get传值。angualr的动态传值如下,当我点击...

  • [程序员日记]OC常用传值方法

    在面向对象开发中,经常遇到多个类间传值,总结起来即正向传值(A—>B)(属性传值),反向传值(A<—B)(利用对象...

  • block开发使用场景

    block传值 利用block去代理代理传值 1. 代理传值 点击当前控制器Viewcontroller利用mod...

  • 点击按钮传值

    效果图?: 1.首先搭一个框架,写HTML和css里面的布局,把界面搭好-----? 2.在js里面实现点击效果 ...

  • ionic4-传递参数

    环境 路由传值 方式一(单个值) 路由定义 跳转 或者 接收 方式二(多个值) 跳转 接收 组件间传值 父 -> ...

  • vue 组件:非父子间传值(同级传值)

    非父子间传值声明一个第三方量来传值效果图: 未点击: 点击后: body: js:

  • python函数——形参中的:*args和**kwargs

    多个实参,放到一个元组里面,以*开头,可以传多个参数; ** 是形参中按照关键字传值把多余的传值以字典的方式呈现 ...

网友评论

      本文标题:jq 点击传多个值

      本文链接:https://www.haomeiwen.com/subject/kquilxtx.html