Incremental Digit Entry

Question

Hello,

Can you please help me on how to code to have an incremental digit entry field for a question? I need 1 field for digit entry and 1 field for decimal entry. Something like the screenshot I attached.

!

Anonymous · Accepted Answer

Hello @busmarketing ,Create a Text entry form question type with two form fields. Paste the below code to the JS(onReady) of the Text entry question var that = this.questionId; jQuery("#"+that+" .ControlContainer").css("white-space","nowrap"); jQuery("#"+that+" .InputText:eq(1)").insertAfter(jQuery("#"+that+" .InputText:eq(0)")); jQuery(" ").insertAfter(jQuery("#"+that+" .InputText:eq(0)")); jQuery("#"+this.questionId+" .InputText").attr({"type":"number","min":"0"}); jQuery("#"+that+" .ReadableAlt").hide();

busmarketing · Answer

Thanks a lot, @Shashi - this code was a lifesaver! I wanted to make some changes to the visualization of this code to match my purpose in the research study, however, I was not really successful in making those changes. I would greatly appreciate if you could please guide me on how I can make the following changes:1- Participants should only be able to enter the value using the arrows next to the entry box - I want to disable the "typing" so that the values can only be entered using the arrows (up and down) next to the box.2- I want to add a title above each of the boxes, the titles are: Integer (for the left box) and Decimals (for the right box). I want the title to be positioned on top of the boxes.3- I want the format of the boxes to be like this: [leftbox][comma ","][rightbox]%4- For the left box (integer box) I want values to increase by 1 unit and go all the way up to 100, whereas for the right box (decimal box) I want the values to increase by 0.1 each time participants click on the arrow and it should be a loop (0, .1, .2, .3, .4, .5, .6, .7, .8, .9, 0, .1,....).Thank you so much in advance for helping me with this.

Sign up

Login to the Community

Scanning file for viruses.

This file cannot be downloaded