table_objs_change.htmlで:
<フォームクラスは = " フォーム水平"方式= " ポスト"をonSubmit = " 戻りSelectAllChosenData()" > {%csrf_token%}
<divのスタイル= " 色:赤" > {{form_obj.errors}} </ div>
{%ため filed_form で form_obj%}
<DIV クラス = " フォームグループ" >
<ラベルクラス = " COL-SM-2コントロールラベル"スタイル= "フォント重量:ノーマル" >
{%なら filed_form.field.required%}
<B> {{filed_form.label}} </ B>
{%他%}
{{filed_form.label}}
{%ENDIF%}
</ラベル>
<DIV クラス = " COL-SM-10 " >
{ #の<input type = "メール" ID = "inputEmail3"プレースホルダ= "{{filed_form}}">#}
{%なら filed_form。名前にadmin_class.filter_horizontal%}
<DIV クラス = " COL-LG-5 " >
{%get_m2m_choose_data ADMIN_CLASS filed_form form_obj m2m_obj_listの%として}
<複数選択クラス = " フィルタ選択ボックス" ID = " IDを_ {{filed_form.name}} _from " >
{%ため m2m_obj で m2m_obj_listの%}
<オプションれるondblclick = "MoveElementTo(この'ID _ {{filed_form.name}} _に'、 'ID _ {{filed_form.name}} _から')"値= " {{m2m_obj.id}} " > {{m2m_obj}} </オプション>
{%ENDFOR%}
</選択>
</ div>
<DIV クラス = " COL-MD-1 " >
箭头
</ DIV>
<DIV クラス = " COL-LG-5 " >
{%get_m2m_selected_obj filed_form form_obj m2m_seleced_listの%として}
<タグを選択=" chosen_list "複数クラス = " フィルタ選択ボックス" ID = " ID _ {{filed_form.name}} _に" NAME = " {{filed_form.name}} " >
{%ため m2m_selected_obj で m2m_seleced_listの%}
<オプションれるondblclick = " MoveElementTo(この'ID _ {{filed_form.name}} _から'、 'ID _ {{filed_form.name}} _'へ)"値= " {{m2m_selected_obj.id}} " > {{m2m_selected_obj}} </オプション>
{%ENDFOR%}
</選択>
</ div>
{%他%}
{{filed_form}}
{%ENDIF%}
</ div>
</ div>
{%ENDFOR%}
<DIV クラス = " フォームグループ" >
<ボタンタイプ= " 提出" クラス = " BTN BTN-成功プル右" > SAVE </ボタン>
</ div>
</フォーム>
<スクリプト>
関数MoveElementTo(ELE、TARGET_ID、new_target_id){
VARのopt_ele = " <オプション値= ' " + $(ELE).val()+ " 'れるondblclick = MoveElementTo(この、' " + new_target_id + " '、」" + TARGET_ID + " 「)> " + $(ELE)は.text()+ " </オプション> " ;
// $(ELE).off()DBLCLICK($(ELE)、PARENT_ID)。
$(" #" + TARGET_ID).append(opt_ele)。
$(ELE).remove();
" [タグ= 'chosen_list']オプションを選択し、" {).each(関数()
$(この).propを(" 選択" 、TRUE);
})
を返す真。
}
</ SCRIPT>