Extra Options as Distractors in JCloze drop-down

Introduction

You are creating your drop-down Cloze and you want more/extra options as distractors. For example, you have three, but you want five options in the drop-down menu. JCloze doesn't offer this functionality. It turns each gap in a drop-down option. Therefore, you can't have extra options. This tutorial shows how to add extra options in the drop-down list. See the drop-down menu in this demo exercise.

Step 1

Here's a trick with a little Copy-Pasting. Create your drop-down cloze exercise as usual in JCloze and open the .htm file in an HTML Editor. Find this code (yours will not look exactly the same):

<option value=""></option>
<option value="Dropdown 1">Dropdown 1</option>
<option value="Dropdown 2">Dropdown 2</option>
<option value="Dropdown 3">Dropdown 3</option>

Step 2

Now add as many more distractors as needed. (Replace 'Extra option 1' and 'Distractor 2' with your own.)

<option value=""></option>
<option value="Dropdown 1">Dropdown 1</option>
<option value="Dropdown 2">Dropdown 2</option>
<option value="Dropdown 3">Dropdown 3</option>
<option value="Extra option 1">Extra option 1</option>
<option value="Distractor 2">Distractor 2</option>

Repeat this for each set of options that you find. (Make sure all this code runs as a single line!)

That's it. Save the file and view the result. The extra options/distractors appear in the drop-down menu. They will be selectable and the scoring system will work ok.

Related tutorials: