javascript - jQuery 如何将#output 传递给变量以在输入字段中使用

Question

首先，我很抱歉发布问题。我什至不知道如何搜索这个，因为我对 Javascript 和 jQuery 的了解是 0%。我尝试搜索在您输入问题时出现的自动问题，但我还找不到答案。

我有这段代码可以在 div 内拖动图像:

$(function() {
    $('.headerCoupleBackground').imagedrag({
        input: "#output",
        position: "middle",
        attribute: "html"
    });
}

因此，我可以通过发布在我的 HTML 页面上显示它:

<span id="output"></span>

但是，我喜欢做的是在隐藏的输入字段值中显示创建的输出。我想我需要更改“输入:#output”部分，但我真的不知道如何更改它或我需要做什么来解决我的问题。我没有将它保存在 #output 中，而是认为我需要将它存储在一个变量中，但我也没有让它工作。

提前致谢。

Answer 1

将 HTML 更改为输入

<input id="output" type='hidden'>

并将属性设置为value

$('.headerCoupleBackground').imagedrag({
    input: "#output",
    position: "middle",
    attribute: "value"
});

根据 the docs ，属性的默认值为值，因此您可以完全省略它:

$('.headerCoupleBackground').imagedrag({
    input: "#output",
    position: "middle"
})