How can I pre-fill text box responses and lock them to prevent editing? | XM Community
Solved

How can I pre-fill text box responses and lock them to prevent editing?

  • 10 August 2023
  • 3 replies
  • 285 views
J
Rank
Userlevel 1
Badge +4

Hi all,

 

I am trying to show my respondents some additional text for each option shown in a side-by-side question (SEE SCREENSHOT BELOW).

I cannot add this directly to the first column where the options are listed, as the options are carried forward from a previous question.

My approach has been to add a second column with text boxes, and use the default choices function to populate the corresponding text that I want to show for each option. I want the second column to effectively be an extension of the first, rather than something for the respondent to edit.

However, as it stands, I do not know how to ‘lock’ the text box so that this cannot be edited (or whether this is at all possible). Can anybody suggest how this could be done? Or any other approaches?

 

Thanks!

 

 

icon

Best answer by qualtrics_nerd 11 August 2023, 08:13

View original

3 replies

qualtrics_nerd
Rank
Userlevel 5
Badge +19

Hi @juanav ,

I believe you are using the Side by side structure and you want to disable the text area in the  second column , if that is so you can achieve the same using below code :

 

Qualtrics.SurveyEngine.addOnload(function()
{
	/*Place your JavaScript here to run when the page loads*/

});

Qualtrics.SurveyEngine.addOnReady(function()
{
	const textarea = document.querySelectorAll('[type=text]');

       const disabtextCSS = `
        background-color: #f0f0f0;
        color: #999;
        cursor: not-allowed;
    `;


    textarea.forEach(area => {
       area.disabled = true;
        area.style.cssText = disabtextCSS;
    });


});

Qualtrics.SurveyEngine.addOnUnload(function()
{
	/*Place your JavaScript here to run when the page is unloaded*/

});

Hope this resolves your query😊!!

J
Rank
Userlevel 1
Badge +4

Thank you, @qualtrics_nerd ! You are a legend.

 

Juan

K
Badge

This is great!  I’m using it in a question, but this greys out every textbox on the page.  How would I modify the JS to apply only to the question in which it is housed?

 

Example: Question 2 is prefilling with embedded data.  I don’t want participants to alter the value, though I need it there for calculation purposes.  The next question (3) is a text box where I would like the user to fill in.  With above JS, the text box on question 3 is greyed out and not fillable.

Leave a Reply


Terms & Conditions