将JavaScript的变量放入隐藏的输入类型中

问题描述 投票:0回答:4

我有一个表单可以让用户上传图片并拖动用户喜欢的图片位置。

我用jQuery找出了位置。

var top=parseFloat($("#preview_image").css('top'));
var left=parseFloat($("#preview_image").css('left'));

<form action='image.php' method='post' enctype="multipart/form-data">
<input type='file'>
<input type='submit'>
</form>

比我以正常方式发布表单,不使用jQuery帖子。 (因为我有$ _FILES [])

这是问题所在。如何从JavaScript发布var top, .left

有没有办法把这两个变量放入隐藏的输入类型?

<input type='hidden' value='top'>

所以我可以将这2个数据发布到下一页

javascript jquery
4个回答
1
投票

尝试这样的事情:

var top=parseFloat($("#preview_image").css('top'));
var left=parseFloat($("#preview_image").css('left'));

$('#preview_image_top').val(top);
$('#preview_image_left').val(left);

<form action='image.php' method='post' enctype="multipart/form-data">
<input type='file'>
<input type='hidden' value='' name='preview_image_top' id='preview_image_top'>
<input type='hidden' value='' name='preview_image_left' id='preview_image_left'>
<input type='submit'>
</form>

1
投票
$('form').append(
  $('<input type="hidden" name="top"').val(top),
  $('<input type="hidden" name="left"').val(left)
)

0
投票

这将是最简单的方法。创建inputs,分配它们各自的值和名称,并将它们附加到form

var top = parseFloat($('#preview_image').css('top')),
    left = parseFloat($('#preview_image').css('left'));

$('<input>').attr({
    type: 'hidden',
    value: top,
    name: 'top'
}).appendTo('form');

$('<input>').attr({
    type: 'hidden',
    value: left,
    name: 'left'
}).appendTo('form');

0
投票

把这些代码放在你的document.ready中它会起作用:

$('form').append($('<input type="hidden" name="top"').val(top),$('<input type="hidden" name="left"').val(left));
© www.soinside.com 2019 - 2024. All rights reserved.