Hello
I am creating a question on how much people spend on a product.
This is how I’d like the question to behave:
The “£” sign and “per year” should be fixed either side of the text box, but a standard text box question type doesn’t seem to allow that. Is there a way around this?
Thank you for your help!
Zoe
Best answer by Deepak
Try and add the below JS on the text entry question.
Qualtrics.SurveyEngine.addOnload(function()
{
/*Place Your Javascript Below This Line*/
jQuery("#" + this.questionId + " .InputText").css('width','80%') //adjust accordingly
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: ' per year'});
}
});Hope it helps!
+44Try and add the below JS on the text entry question.
Qualtrics.SurveyEngine.addOnload(function()
{
/*Place Your Javascript Below This Line*/
jQuery("#" + this.questionId + " .InputText").css('width','80%') //adjust accordingly
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: ' per year'});
}
});Hope it helps!
Hi
Create a text graphic question and insert this code in the HTML view of the question text.
<div class="spending-question">
<span class="currency-symbol">Approximately how much do spend per year on the products?</span></div><div class="spending-question"><span class="currency-symbol"><br>£</span>
<input class="amount-input" type="text">
<span class="per-year">per year</span>
</div>
+44The HTML
Hence, kindly take that into consideration.
Hello
Hi
I have select “text entry” question.
I have selected the </> JavaScript button with that question selected. then I cut and paste your code into the window.
However, when I go to preview, there is no text box or “£” or “per year” - what am I doing wrong?
thank you!
+44try checking if any other code is overriding this or try creating new question. As the code does work.
Enter your E-mail address. We'll send you an e-mail with instructions to reset your password.
