Question

我正在尝试为Qualtrics在线调查管理软件实施自动完成功能。作为有针对性的in this feature on the Qualtrics网站，我已将代码的主要功能添加到其外观和标题部分的标题中。

<br />
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script><script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script><script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script><script>

var $j = jQuery.noConflict();  
 $j(function() {
var availableTags = [
  "Selection 1",
  "Selection 2",
  "Selection 3"
];
$j( "#tags" ).autocomplete({
  source: availableTags
});
});
</script>

另外，我已将此添加到我希望应用自动填充功能的特定问题块。

Qualtrics.SurveyEngine.addOnload(function() {
jQuery(function() {
jQuery( "#tags" ).autocomplete({source: availableTags});
});
});

我没有收到任何错误消息，文本输入字段只是没有调用标记。

Answer 1

尝试将“#tags”更改为“.InputText”。 #tags是指Qualtrics中不存在的ID。 .InputText是用于文本输入字段的类。

将它放在Qualtrics标题中（如Anthony建议的那样）：

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.5/jquery.mobile.min.js"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.11.3/jquery-ui.min.js"></script>
<script>
var $j = jQuery.noConflict();  
</script>

这是你的问题（没有Qualtrics.SurveyEngine.addOnload）所以它只适用于你的问题页面：

$j(function() {
    var availableTags = [
        "Selection 1",
        "Selection 2",
        "Selection 3"
    ];
    $j( ".InputText" ).autocomplete({
        source: availableTags
    });
});

使用Javascript将自动完成添加到Qualtrics

1 个答案: