将新的排名顺序从 Pick Group Rank 选定的选项传递到 Slider

Question

我正在研究选择、分组和排名问题类型，其中我想在新的排名顺序中将选定的拖放选项作为以下滑动条问题的答案选项。

我设法使用 Qualtric 的 "Carry Forward" 功能只显示选定的选项，但它保留了旧的顺序，而不是新的排名顺序。

在这个 working example，如果将选项"b"、"a"、"d"拖到PGR分组框，滑块选项只会显示"a"、"b" 和 "d"，但按此顺序。如何获得滑块选项以按新顺序显示所选选项？

我正在尝试以下方法，但卡在了第 2 步。

多选复选框 -> 使用 Qualtrics 的功能将选定的选项转移到
排名顺序 -> 结转到
滑块，我使用 JavaScript 将滑块标签替换为一组已排序的选定选项（根据 2 中指定的新排名顺序）。

第 3 步使用我在 JavaScript 代码中声明的数组。

   var choicesObject = this.getQuestionInfo().Choices;
   //choices is the array of choiceids
   var choices = Object.keys(choicesObject);
   var Qno = choices.length;
   var test = ['this', 'is', 'rad'];

   for (var x = 0; x < Qno; x++) {
     var id = choices[x];
     //var y = id + 1;
     var qid = "QID12-" + id + "-label";
     document.getElementById(qid).innerHTML = test[x];
   }
// This works

但是，我还没有弄清楚如何将环境中的新排名顺序和描述保存为数组，甚至是嵌入数据。我试过将它保存在二维数组中，按等级排序，然后按照说明 here 将其保存到嵌入式数据字段中。

这是我在排名问题后的空白页中的代码：

   // hide next button
      $('NextButton') && $('NextButton').hide();

      // store rank in first column, description in second column of array "choice"

      // le was saved as embedded data from Rank question to inform the current code how many choices to loop through

      var le = '${e://Field/gp1length}';
      var len = parseInt(le);

      var choiceArray = [];

      // create blank 2D array containing descriptions and rank orders
      for (var x = 0; x < len; x++) {
        choiceArray[x] = [];
        for (var y = 0; y < 2; y++) {
          choiceArray[x][y] = 0;
        }
      }

      // this does not work, the array contains NaNs
      for (var x = 0; x < len; x++) {
        var y = x + 1;
        var rank = "${q://QID11/ChoiceNumericEntryValue/x" + y + "}";
        var desc = "${q://QID11/ChoiceDescription/x" + y + "}";
        choiceArray[x][0] = parseInt(rank);
        choiceArray[x][1] = desc;
      }

      // attempt to sort array by rank order column
      choiceArray = choiceArray.sort(function(a, b) {
        return a[0] - b[0];
      });

      for (var x = 0; x < len; x++) {
        var y = x + 1;
        var name = "gp1r" + y;
        Qualtrics.SurveyEngine.setEmbeddedData(name, choiceArray[x][1]);
      }

      // advance to next screen
      this.clickNextButton();

但是通过将 choice-ids 与 + 连接来检索 choiceValues 在 Qualtrics 中不起作用。更重要的是，当我使用结转功能时，choice-ids 是第一个多项选择题的残余，因此 for 循环策略不起作用，因为它们没有按顺序进行（即不是 1、2、 3、4...).

非常感谢任何帮助和建议！

Answer 1

您必须将排名输入滑块问题 JavaScript 并根据排名重新排列滑块的滑块容器。

根据更新的问题更新：

您不需要中间页面或嵌入变量。没有它们将使您的响应数据保持干净。您可以将排名通过管道传输到数组中，删除 NaN，对滑块进行排序和重新排序。 jQuery 让这更容易。您的滑块问题只有一个脚本：

Qualtrics.SurveyEngine.addOnload(function() {
    var ranks = [
        {"choice":"xx1", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x1}")},
        {"choice":"xx2", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x2}")},
        {"choice":"xx3", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x3}")},
        {"choice":"xx4", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x4}")},
        {"choice":"xx5", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x5}")},
        {"choice":"xx6", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x6}")},
        {"choice":"xx7", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x7}")},
        {"choice":"xx8", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x8}")},
        {"choice":"xx9", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x9}")},
        {"choice":"xx10", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x10}")},
        {"choice":"xx11", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x11}")},
        {"choice":"xx12", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x12}")},
        {"choice":"xx13", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x13}")},
        {"choice":"xx14", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x14}")},
        {"choice":"xx15", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x15}")},
        {"choice":"xx16", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x16}")},
        {"choice":"xx17", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x17}")},
        {"choice":"xx18", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x18}")},
        {"choice":"xx19", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x19}")},
        {"choice":"xx20", "rank": parseInt("${q://QID68/ChoiceNumericEntryValue/x20}")}
    ];
    var tbody = jQuery("#"+this.questionId+" div.ChoiceStructure > table.sliderGrid > tbody");
    var cleanRanks = [];
    jQuery.each(ranks, function(index) { if(!isNaN(this["rank"])) cleanRanks.push(this); });    //remove NaNs
    cleanRanks.sort(function(a,b) { return a.rank - b.rank; }); //sort by rank
    jQuery.each(cleanRanks, function() {
        tbody.append(tbody.find("tr[choiceid="+this["choice"]+"]"));    //order sliders
    });
});

工作示例survey。

更新二：

我更新了上面的代码以更改从数组中删除 NaN 的操作。此外，将选择数量扩展到 20。

Answer 2

我设法在没有中间页面的情况下解决了这个问题，也没有像 T.Gibbons 建议的那样嵌入数据。该方法与他的建议非常相似，但没有 jQuery，而且代码更丑陋，因为我对 JavaScript 很陌生。我只需要将以下脚本添加到滑块问题的 JavaScript 框中：

Qualtrics.SurveyEngine.addOnload(function() {
   var choicesObject = this.getQuestionInfo().Choices;
   //choices is the array of choiceids
   var choices = Object.keys(choicesObject);

   rankArray = [
     "${q://QID11/ChoiceNumericEntryValue/x1}",
     "${q://QID11/ChoiceNumericEntryValue/x2}",
     "${q://QID11/ChoiceNumericEntryValue/x3}",
     "${q://QID11/ChoiceNumericEntryValue/x4}",
     "${q://QID11/ChoiceNumericEntryValue/x5}"
   ];

var rankArray = rankArray.filter(function(n) {
 return n != ''
   });

descArray = [
     "${q://QID11/ChoiceDescription/x1}",
     "${q://QID11/ChoiceDescription/x2}",
     "${q://QID11/ChoiceDescription/x3}",
     "${q://QID11/ChoiceDescription/x4}",
     "${q://QID11/ChoiceDescription/x5}"
  ];

   var descArray = descArray.filter(function(n) {
     return n != ''
   });

   var all = [];

   for (var i = 0; i < descArray.length; i++) {
     all.push({
       'rankArray': rankArray[i],
       'descArray': descArray[i]
     });
   }

   all.sort(function(a, b) {
     return a.rankArray - b.rankArray;
   });

   rankArray = [];
   descArray = [];

   for (var i = 0; i < all.length; i++) {
     rankArray.push(all[i].rankArray);
     descArray.push(all[i].descArray);
   }

   for (var x = 0; x < descArray.length; x++) {
     var id = choices[x];
     var qid = "QID12-" + id + "-label";
     document.getElementById(qid).innerHTML = descArray[x];
   }
});

将新的排名顺序从 Pick Group Rank 选定的选项传递到 Slider

Carry forward new rank order from Pick Group Rank selected choices to Slider

javascript

survey

slider

qualtrics