2014-12-29 57 views
0

我正在從python後端發送列表到html頁面並創建下拉列表。因爲它是一個列表列表,我使用for循環創建了這些html,因此在for循環選擇標記中創建時,只會生成一個id,在該id下只能創建所有選擇標記。Giving Dynamic ID選擇在for循環下創建的標籤

我不知道從後端發送的列表數量是多少,所以選擇標籤應該動態創建,我可以爲它們分配動態標識,以便在需要時可以獲取所需的下拉列表值。

下面是我的代碼

{% for result in list1 %} 
<tr> 
    <form id="listOfSearch{{result.0}}" method="post" action="/fetch_candid/"> 
    <td> 
    <a href="#" onclick="document.forms['listOfSearch{{result.0}}'].submit();">{{result.0}}<input name="uniqID" value="{{result.0}}" id="IdField" type="hidden" ></a></td> 

    <input name="save" value="0" type="hidden"> 

    <input name="listresult" value="{{list1}}" type="hidden"> 

    <input type="hidden" id="statusofresume123" name="statusofresume123" value="{{sres}}"> 
     <input type="hidden" id="Client1" name="Client1" value="{{client}}"> 
     <input type="hidden" id="ReqId1" name="ReqId1" value="{{reqid}}"> 
     <input type="hidden" id="only_skills" name="only_skills" value="{{only_skills}}"> 
     <input type="hidden" id="mbno" name="mbno" value="{{mbno}}"> 
    <input type="hidden" id="ReqId" name="ReqId" value="{{reqid4}}"> 
     <input type="hidden" id="Client" name="Client" value="{{client2}}"> 
     <input type="hidden" id="Name" name="Name" value="{{Name}}"> 
     <input type="hidden" id="datepicker" name="datepicker" value="{{Date1}}"> 
     <input type="hidden" id="datepicker1" name="datepicker1" value="{{Date2}}"> 

    <form id="listOfSearch{{result.0}}" method="post" action="/fetch_candid/"> 



    <td style="padding:5px; width:50px;"> 


    <select style="padding:5px; width:102%;" onchange="savestate({{result.0}});" class="select11" id="status8" name="status8" title="Choose Status" > 
    <option id="status8" name="status8" >{{result.1}}</option> 


    {% if result.1 == "HR_Interview" %} 

     <option id="status8" name="status8">COL</option> 


     {% elif result.1 == "Internal_Interview" %} 

     <option id="status8" name="status8">HR_Interview</option> 
     <option id="status8" name="status8">COL</option> 


     {% elif result.1 == "COL" %} 

     <option id="status8" name="status8">CS</option> 


     {% elif result.1 == "CI" %} 

     <option id="status8" name="status8">CIS</option> 


     {% elif result.1 == "CIS" %} 

     <option id="status8" name="status8">Joining</option> 



    {% elif result.1 == "CS" %} 

     <option id="status8" name="status8">CI</option> 


     {% elif result.1 == "Line_up" %} 

     <option id="status8" name="status8">Internal_Interview</option> 
     <option id="status8" name="status8">HR_Interview</option> 
     <option id="status8" name="status8">COL</option> 

     {% else %}  

    {% endif %} 

     </select> 

     <input class="css_save1" type="submit" name="save" value="Save" onclick = "function9();"> 

希望你明白我的問題,並在此先感謝

+0

您可能想要更改您的問題。您詢問如何實施您的方法,但您的問題可能會更簡單。 – abstractpaper

+0

爲什麼你需要動態元素上的ID? – Barmar

+0

@abstractpaper我的方法是,我只想從下拉列表中選擇列時生成彈出窗口,但如果我嘗試使用jscript選擇僅第一個下拉列表的數值,則會將多個選擇標記創建爲相同的標識 – Gangadhar

回答

0

如果我明白你的問題正確地比,我認爲你正在尋找動態ID的時間超過了每一個選擇的元素可以做到這一點

<select style="padding:5px; width:102%;" onchange="savestate({{result.0}});" class="select11" id="status8" name="status8" title="Choose Status" id="select"+result.id > 

對不起,我不知道在Python中連接的語法,但你可以追加循環中的id。