Home > Developer > Web Develop
Reference: http://hechuanzhen.iteye.com/blog/1878886
Use the Multi box in the Zabbix page
<!DOCTYPE HTML><HTML> <Head> <Scriptsrc= "Http://code.jquery.com/jquery-1.11.1.min.js"></Script> <Script>$ (document). Ready (function(){ $("#add"). Click (function(){ var$options= $('#groups_right option:selected');//gets the currently selected item var$remove=$options. Remove ();//Delete selected items from the drop-down list$remove. AppendTo ('#groups_left');//append to each other }); $("#remove"). Click (function(){ var$options= $('#groups_left option:selected');//gets the currently selected item var$remove=$options. Remove ();//Delete selected items from the drop-down list$remove. AppendTo ('#groups_right');//append to each other }); }); </Script> </Head> <Body> <h4>Super Admin Manager</h4> <TableBorder= "1"> <TR> <TD>Current Super Tube</TD> <TD></TD> <TD>Optional Members</TD> </TR> <TR> <TD> <Selectclass= "Input Select"ID= "Groups_left"name= "Groups_left"size= "Ten"multiple= "multiple"style= "width:280px;">{% for superuser in super_user_list%}<optionvalue={{ Superuser.id}}>{{Superuser.username}}</option>{% endfor%}</Select> </TD> <TD> <inputclass= "Input Formlist"type= "button"ID= "Add"name= "Add"value= "<"/> <inputclass= "Input Formlist"type= "button"ID= "Remove"name= "Remove"value= ">"/> </TD> <TD> <Selectclass= "Input Select"ID= "Groups_right"name= "Groups_right"size= "Ten"multiple= "multiple"style= "width:280px;">{% for user in unsuper_user_list%}<optionvalue={{ User.ID}}>{{User.username}}</option>{% endfor%}</Select> </TD> </TR> </Table> </Body></HTML>
"JQuery" multi-Marquee Multiple Select
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
