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

点击航班,自动填上航班号,目的地
以下示例是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>
网友评论