Static Text for Text Entry on Single Choice MC Q

Thanks for the help Deepak. It is not quit what I am looking for. I need to place a $ in front of the text box. Additionally, I need to add a word following the textbox. For example, the salary option will have "$" as a prefix and "annually" as a suffix.

Deepak
I added images of every option below.
I need the hourly one to have prefix "$" and suffix "hourly"

I need the salary option to have prefix "$" and suffix "annually"


I need the commission option to have a suffix of "% of account"

Can you assist with this by chance? I am clueless when it comes to coding. I am just now starting to learn...

jlwdawgs you can modify the code from this post to get the after working correctly, I still haven't gotten the leader to work with this or Deepak guidance but maybe I'm doing something wrong or someone can give you a quick fix from here. https://community.qualtrics.com/XMcommunity/discussion/102/how-to-add-static-text-after-a-text-entry-box

Qualtrics.SurveyEngine.addOnload(function()
{
//Create variables for each row of options you have
var row1 = jQuery("#"+this.questionId+" .InputText:eq(0)"); //assigns to your first option
var row2 = jQuery("#"+this.questionId+" .InputText:eq(1)");
var row3 = jQuery("#"+this.questionId+" .InputText:eq(2)");

$(row1).before(' $'); //something her isn't inserting the descriptor in front of the box
$(row1).after(' hourly');

$(row2).before(' $'); //something her isn't inserting the descriptor in front of the box
$(row2).after(' annually');

$(row3).after(' % of account');

});

TomG
Deepak & bstrahin Let's see if Tom would like to assist with this code. I feel like if someone can figure it out they will save many headaches in the future. It seems to be a common type of question in surveys. For example, asking about an employee's benefits and then allowing text entry for number of sick days if selected in a checkbox situation. It keeps from having more questions in the survey essentially.

https://community.qualtrics.com/XMcommunity/discussion/comment/52804#Comment_52804TomG Where would I insert this into the code below? I have tried every location in the code and the text appears before the box is selected. The prefix and suffix are there before selection and the text entry box appears after selection. Is there a way to correct that? Code below is from original post.

Additionally, how would I add code into the question to allow for 000,000 format for the salary question? The other two should not be over 50 in reality but salary will be in the thousands.

Qualtrics.SurveyEngine.addOnload(function()
{
var QID= this.questionId;
    jQuery("#"+this.questionId+" input[type='text']").attr('type', 'tel');
jQuery("#" + QID + " .InputText ").hide();
     jQuery("#" + QID + " input[type='radio']").each(function(){


            if(jQuery(this).prop("checked") == true)
            {  
var v1 = jQuery(this).attr("id");
                jQuery("[id*='"+v1+"~TEXT']").show();
                }
           else
           {
            var v1 = jQuery(this).attr("id");
            jQuery("[id*='"+v1+"~TEXT']").val('');
            jQuery("[id*='"+v1+"~TEXT']").hide();
         }      
     });


  jQuery("#" + QID + " .Selection ").on("click change",function(){

       jQuery("#" + QID + " input[type='radio']").each(function(){

            if(jQuery(this).prop("checked") == true)
            {
                    var v1 = jQuery(this).attr("id");
                jQuery("[id*='"+v1+"~TEXT']").show();
                }
           else
           {
            var v1 = jQuery(this).attr("id");
            jQuery("[id*='"+v1+"~TEXT']").val('');
            jQuery("[id*='"+v1+"~TEXT']").hide();
         }      
     });
      });


});



Also, how is the CSS override accomplished to make mobile friendly?