Files

questions / element / dropdown / question.html
Edit Download
{{! htmlmustache-disable pl-deprecated-dropdown }}
<pl-question-panel>
  <div class="alert alert-warning">
    This element is currently considered deprecated. Please use the <code>pl-multiple-choice</code> element with <code>display="dropdown"</code> instead. For cases where multiple dropdowns are needed with the same combination of options, use <code>pl-matching</code> instead. For reference, the examples below are repeated twice, once with the deprecated element and once with the recommended alternative.
  </div>
  <p>
    Select the correct word in the following quotes:
  </p>
</pl-question-panel>

<p>
  The 
  <pl-dropdown answers-name="aristotle" aria-label="The blank is more than the sum of its parts.">
    {{#params.aristotle}}
    <pl-answer correct="{{tag}}">{{ans}}</pl-answer>
    {{/params.aristotle}}
  </pl-dropdown> 
  is more than the sum of its parts.
</p>
<p>
  The 
  <pl-multiple-choice display="dropdown" hide-letter-keys="true" answers-name="aristotle_mc" aria-label="The blank is more than the sum of its parts.">
    {{#params.aristotle}}
    <pl-answer correct="{{tag}}">{{ans}}</pl-answer>
    {{/params.aristotle}}
  </pl-multiple-choice> 
  is more than the sum of its parts.
</p>
<p>
  A
  <pl-dropdown sort="ascend" answers-name="hume" aria-label="A blank man proportions his belief to the evidence.">
    <pl-answer correct="true">wise</pl-answer>
    <pl-answer correct="false">clumsy</pl-answer>
    <pl-answer correct="false">reckless</pl-answer>
  </pl-dropdown>
  man proportions his belief to the evidence.
</p>
<p>
  A
  <pl-multiple-choice display="dropdown" hide-letter-keys="true" order="ascend" answers-name="hume_mc" aria-label="A blank man proportions his belief to the evidence.">
    <pl-answer correct="true">wise</pl-answer>
    <pl-answer correct="false">clumsy</pl-answer>
    <pl-answer correct="false">reckless</pl-answer>
  </pl-multiple-choice>
  man proportions his belief to the evidence.
</p>