Question

我有一个带有（vue）id的图像并创建了两个输入类型文本，一个带有id（hauteur），另一个带有（largeur）。我试图抓住（hauteur）文本中写的值并将其传递给我的图像（vue）然后获取此图像的高度并将其传递给（largeur）输入文本。我创建了一个div作为按钮（valider）并添加了一个事件.click。

$(document).ready(function() {
  $("#valider").click(function(){

    var largeur=$('input[name=largeur]').val();

    $('#vue').css('width','largeur');
    var hauteur=$("#vue").css('height');
    $('input[name=hauteur]').val('hauteur');
  });
});

但我只是将hauteur（字符串而不是数字）作为输入中的值。

Answer 1

你将hauteur作为字符串文字传递而不是变量。删除引号。

在第

行

$('input[name=hauteur]').val('hauteur');

将'hauteur'改为hauteur

$('input[name=hauteur]').val(hauteur);

其次改变

$('#vue').css('width','largeur');

到

$('#vue').css('width', largeur);

至于该变量的赋值。你不应该使用.css('height')。您应该使用.height()。

如果您使用.css()，则表示您正在检索已应用的样式的值。不是浏览器中渲染图像的实际高度。

此外，如果您将id大写应用于输入，则无需使用名称来选择输入，只需选择它#vue：

$('#largeur')

同样代表仇恨。

Answer 2

因为您将'largeur'和'hauteur'作为字符串传递，而不是作为变量传递。删除引号。

$('#vue').css('width', largeur);
// ...
$('input[name=hauteur]').val(hauteur);

将输入文本值传递给另一个并修改图像的宽度

2 个答案: