selectタグのidに型の番号を設定したい

Question

selectタグのidに型の番号を設定したいと思います。 ブラウザで私の理想的なHTMLは今、ブラウズ中に実際のHTML

<select id="mainDD" data-placeholder="Choose" class="chzn-select" style="width:600px;"> 
      <option>---</option> 
      <option>a</option> 
      <option>b</option> 
    </select> 

    <select name="type" id="type"> 
     <option value="0">---</option> 
     <option value="1">a1</option> 
     <option value="2">a2</option> 
    </select> 

    <select name="type" id="type"> 
     <option value="5">---</option> 
     <option value="6">b1</option> 
     <option value="7">b2</option> 
    </select> 

ID =「タイプは、」それぞれの数を持っていないですが、私が使用して、これらの番号を追加する方法がわからない

<select id="mainDD" data-placeholder="Choose" class="chzn-select" style="width:600px;"> 
     <option value="0">---</option> 
     <option value="1">a</option> 
     <option value="2">b</option> 
    </select> 
    <select name="type" id="type1"> 
     <option value="1">a1</option> 
     <option value="2">a2</option> 
    </select> 
    <select name="type" id="type2"> 
     <option value="5">b1</option> 
     <option value="6">b2</option> 
    </select> 

ですDjangoのテンプレート。

<form method="post" action=""> 
    <select id="mainDD" data-placeholder="Choose" class="chzn-select" style="width:600px;"> 
    {% for i in json_data.items.values %} 
      <option>{{ i }}</option> 
    {% endfor %} 
    </select> 


    {% for key, values in preprocessed %} 
    <select name="type" id=type> 
    {% for counter, value in values %} 
     <option value="{{ counter }}">{{ value }}</option> 
    {% endfor %} 
    </select> 
    {% endfor %} 
    </form> 

私はそれを書くべきですか？私はこれをどのように修正することができます

私はindex.htmlの中で書いていますか？

Answer 1

代わりにカウンタの使用forloop.counter：

{% for key, values in preprocessed %} 
<select name="type" id=type{{forloop.counter}}> 
    {% for counter, value in values %} 
    <option value="{{ forloop.counter }}">{{ value }}</option> 
    {% endfor %} 
</select> 
{% endfor %} 

Answer 2

<form method="post" action=""> 
    <select id="mainDD" data-placeholder="Choose" class="chzn-select" style="width:600px;"> 
    {% for i in json_data.items.values %} 
      <option>{{ i }}</option> 
    {% endfor %} 
    </select> 


    {% for key, values in preprocessed %} 
     <select name="type" id=type-{{ key }}> 
     {% forvalue in values %} 
      <option value="{{ forloop.counter0 }}">{{ value }}</option> 
     {% endfor %} 
     </select> 
    {% endfor %} 
</form> 

そのあなたが後で簡単に参照できるようにタイプであなたの鍵を使用することをお勧め。また、別のカウンタ変数を必要としません。 Djangoテンプレートタグはforloop.counterをその目的のために提供します。 forloop.counter0は0でカウンタインデックスを開始し、forloop.counterは1でカウンタインデックスを開始します。これにより疑問が解消されることを期待してください。

ref-https://docs.djangoproject.com/en/1.11/ref/templates/builtins/#for