Qualtrics JavaScript：在矩阵文本框上附加图像

在Qualtrics中，我试图创建如下内容：

要使文本框彼此相邻和重叠，唯一的方法是使用带有文本条目的矩阵表。但是，这只提供文本框，文本输入框上方没有用于插入图像的空间。所以我现在尝试使用javascript附加这些图像。文本框的ID格式为QR~QID17~3~2~文本（对于第3行第2列的框）

这是我用3x3矩阵中的文本框制作的一个示例。

---

有人知道如何将图像附加到这些框的顶部吗？谢谢。

使用DIV容器怎么样

HTML

<div class="container">
    <div class="box">
        <div class="box-image">
            <img src="http://lorempixel.com/output/city-h-c-150-230-4.jpg" />
        </div>
        <div class="box-input">
            <input type="text" />
        </div>
    </div>
</div>

---

我将从一个工作示例开始：

这使用数字代替图像，但仍然是一个有效的示例

首先，您将选择“将文本置于上方”选项，并在文本行中放置以下代码：

<td class="c4">1</td><td class="c5">2</td><td class="c6 last">3</td>

这将隐藏qualtrics插入的占位符，并允许您的行整齐排列

---

享受吧！请注意，这可能需要正确调整图像大小（我尚未测试图像）

谢谢您的示例！但是，如何将HTML插入Qualtrics矩阵表？问题的一部分是没有地方可以插入它（就像普通问题一样）。在矩阵表中，您所得到的只是一个预制条目文本框，没有机会在任何地方添加任何html。这就是为什么is想知道它是否可以通过javascript插入的原因。如果调查不是在Qualtrics中构建的，这个答案将是完美的。可能值得在这个问题上添加prototypejs标记，因为Qualtrics支持prototype nativelyThanks！非常有用。我现在添加了一些代码，以便在随机选择答案时，标题中的图像会相应地更改。

<td class="c4">1</td><td class="c5">2</td><td class="c6 last">3</td>

 Qualtrics.SurveyEngine.addOnload(function()
{
    /*Place Your Javascript Below This Line*/
    $$('.c1').each(
        function (e) {
            e.remove(); 
        } 
    );
});