input输入框大小设置_Qualtrics调查问卷设计1-如何在输入框前后添加辅助文字
How to add fixed text before or after Text entry box in Qualtrics?
key words: Qualtrics, text entry, javascripts, add text before/after
关键词:文字输入框,前后输入固定文字
最近在用Qualtrics设计调查问卷,因为不会编程所以决定总结每一个遇到的问题以及解决方法。
这个问题非常的常见了,在提问任何需要进行主观回答的问题时都可能遇到。以我自己的例子来说,我需要被调查者填写一个数值,并且需要他们以百分比的形式填写,所以我的文本框后面需要固定有一个百分号%,
直接通过qualtric界面是无法实现的,只能通过写javascript的方式解决。以下是步骤和代码:
第一步,右键问题设置,选择add javascript
第二步,输入以下代码:
Qualtrics.SurveyEngine.addOnload(function()
{
var inputs =$(this.getQuestionContainer()).select('input[type="text"]');
for (var i =0; i <inputs.length; i++) {
var input = inputs[i];
$(input).insert({before:'你想放输入框前的文字 '});
$(input).insert({after:' 你想放输入框后的文字'});
}
});
第三步,点击保存。
至此就完美实现了你想要的效果。是不是棒棒哒!
有一点需要补充:在add javascript的页面有三个框架对应不一样的功能,这段代码需要输入到:
Qualtrics.SurveyEngine.addOnload(function()
这个addOnload的框架里。
解决方法credit by:https://gist.github.com/13bzhang/92be517b6558132c78620ad029c77f4d
input输入框大小设置_Qualtrics调查问卷设计1-如何在输入框前后添加辅助文字相关推荐
- 仿造问卷星--开发一套调查问卷设计工具(1/3)--完整流程
一,开发前的准备 第一步,初始化项目 创建package.json 首先,新建一个空文件夹项目,在空文件上按shift键同时鼠标右击,打开命令终端窗口 npm init 第二步,安装项目依赖 Parc ...
- 仿造问卷星--开发一套调查问卷设计工具(2/3)--完整流程
本章主要内容是完善index.js逻辑功能. 1,修改index.html,直接copy html和css文件直接从源码中拷贝: html <!DOCTYPE html> <html ...
- 后期调查问卷设计(教师)
小学语文阅读教学育人价值研究调查问卷2(教师) 尊敬的老师: 您好,欢迎您参加我们小学语文科课题组开展的阅读教学现状调查问卷活动,请选择您认为对您真实想法的选项填在括号里,感谢您的合作!这次问卷将占用 ...
- 6.前期调查问卷设计
小学生家务劳动调查问卷 班级:________ 姓名:__________ 此问卷调查表只作为了解学生家务劳动情况使用,所有填写的数据保密,不作为学生评价的依据,请认真.如实填写.在符合的选项打 ...
- 仿造问卷星--开发一套调查问卷设计工具(3/3)--完整流程
1,定义一个结果的对象: let resultObj = {id: 0,name: "",questions: [], }; id,name和questions分别对应问卷id,问 ...
- 如何在微信公众号上设置调查问卷?
问卷侠 调查问卷设计与分析公众号创始人/社科博士 13 人赞同了该回答 1.在"阅读原文"中加外链 2.在投票功能里发布投票,最多10个选择题,题干不能超过35个字.不能像正常调查 ...
- 公共计算机课程教学情况调查问卷,大学计算机基础课程教学内容的调查分析论文...
目前,大学计算机基础课程不仅是计算机专业的必修课目,也是非计算机专业必修公共课的重要组成部分.计算机水平的高低直接影响着学生毕业后的就业,在大学教育中占有重要的地位.小以下是学习啦小编为大家精心准备的 ...
- wxpython问卷调查界面_调查问卷使用说明书,问卷就要这么设计!
原标题:调查问卷使用说明书,问卷就要这么设计! 提到调查问卷,不知它在大家心里的地位如何?其实我们工作中,需要用到它的场景还很多:比如推出一款新产品,我们会做一个市场调研,探探市场:对已运营中的产品进 ...
- 如何有效设计你的调查问卷?
夜深人静,你却烦躁不安.一头是调研报告的最后期限,一头是调查数据的百思不解.因子.回归.聚类.判别都使用过了,神经网络.关联规则和决策树也尝试好多次了,可面前的这堆数据还是无法解释.你打一个哈欠,将烟 ...
- android 界面大小设置在哪里,移动应用界面设计的尺寸设置及规范
刚接触移动应用的界面设计,最先跳入脑海的疑问是:画布尺寸设计多大(特别是Android).图标和字体大小怎么定.需要设计多套设计稿么.如何切图以配合开发的实现? 本篇将结合iOS和android官方的 ...
最新文章
- [网摘学习]在Ubuntu上安装和配置OpenStack Nova之二
- 因为BitMap,白白搭进去8台服务器...
- 多个旅游网站被挂马 五一假期外出旅游应小心
- Linux内核网络数据包发送(二)——UDP协议层分析
- ACM模板--邻接矩阵 无向图
- note 11 字典
- zkui:好用的zookeeper ui工具
- wordpress 伪静态
- 如何上传文件夹到GitHub上(配图详解)
- 微软热门开源项目及代码库地址
- .NET Core 跨平台发布(dotnet publish)
- 可调整大小的div_气液增压缸运行速度的调整以及压力的调节方式
- 进军SharePoint,资料先行....
- 五一劳动节,你在加班劳动吗?
- Docker-删除untagged docker images
- 在线购物系统 实验七 顺序图
- 青箬笠,绿蓑衣,斜风细雨不须归
- windows获取公网IP,记录公网ip脚本和命令
- SQL执行报错The MySQL server is running with the read-only
- java word 颜色设置_通过Java设置Word页面背景色过程详解