<HTML ><HEAD ><TITLE >{html_options}</TITLE ><META NAME="GENERATOR" CONTENT="Modular DocBook HTML Stylesheet Version 1.7"><LINK REL="HOME" TITLE="Smarty Manual" HREF="index.html"><LINK REL="UP" TITLE="Custom Functions" HREF="language.custom.functions.html"><LINK REL="PREVIOUS" TITLE="{html_image}" HREF="language.function.html.image.html"><LINK REL="NEXT" TITLE="{html_radios}" HREF="language.function.html.radios.html"><META HTTP-EQUIV="Content-type" CONTENT="text/html; charset=ISO-8859-1"></HEAD ><BODY CLASS="sect1" BGCOLOR="#FFFFFF" TEXT="#000000" LINK="#0000FF" VLINK="#840084" ALINK="#0000FF" ><DIV CLASS="NAVHEADER" ><TABLE SUMMARY="Header navigation table" WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" ><TR ><TH COLSPAN="3" ALIGN="center" >Smarty Manual</TH ></TR ><TR ><TD WIDTH="10%" ALIGN="left" VALIGN="bottom" ><A HREF="language.function.html.image.html" ACCESSKEY="P" >Prev</A ></TD ><TD WIDTH="80%" ALIGN="center" VALIGN="bottom" >Chapter 8. Custom Functions</TD ><TD WIDTH="10%" ALIGN="right" VALIGN="bottom" ><A HREF="language.function.html.radios.html" ACCESSKEY="N" >Next</A ></TD ></TR ></TABLE ><HR ALIGN="LEFT" WIDTH="100%"></DIV ><DIV CLASS="sect1" ><H1 CLASS="sect1" ><A NAME="language.function.html.options" ></A >{html_options}</H1 ><P > <TT CLASS="varname" >{html_options}</TT > is a <A HREF="language.custom.functions.html" >custom function</A > that creates the html <TT CLASS="literal" ><select><option></TT > group with the assigned data. It takes care of which item(s) are selected by default as well. </P ><DIV CLASS="informaltable" ><A NAME="AEN3295" ></A ><P ></P ><TABLE BORDER="1" CLASS="CALSTABLE" ><THEAD ><TR ><TH WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >Attribute Name</TH ><TH WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >Type</TH ><TH WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >Required</TH ><TH WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >Default</TH ><TH WIDTH="20%" ALIGN="LEFT" VALIGN="MIDDLE" >Description</TH ></TR ></THEAD ><TBODY ><TR ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >values</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >array</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >Yes, unless using options attribute</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" ><SPAN CLASS="emphasis" ><I CLASS="emphasis" >n/a</I ></SPAN ></TD ><TD WIDTH="20%" ALIGN="LEFT" VALIGN="MIDDLE" >An array of values for dropdown</TD ></TR ><TR ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >output</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >array</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >Yes, unless using options attribute</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" ><SPAN CLASS="emphasis" ><I CLASS="emphasis" >n/a</I ></SPAN ></TD ><TD WIDTH="20%" ALIGN="LEFT" VALIGN="MIDDLE" >An array of output for dropdown</TD ></TR ><TR ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >selected</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >string/array</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >No</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" ><SPAN CLASS="emphasis" ><I CLASS="emphasis" >empty</I ></SPAN ></TD ><TD WIDTH="20%" ALIGN="LEFT" VALIGN="MIDDLE" >The selected option element(s)</TD ></TR ><TR ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >options</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >associative array</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >Yes, unless using values and output</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" ><SPAN CLASS="emphasis" ><I CLASS="emphasis" >n/a</I ></SPAN ></TD ><TD WIDTH="20%" ALIGN="LEFT" VALIGN="MIDDLE" >An associative array of values and output</TD ></TR ><TR ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >name</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >string</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" >No</TD ><TD WIDTH="20%" ALIGN="CENTER" VALIGN="MIDDLE" ><SPAN CLASS="emphasis" ><I CLASS="emphasis" >empty</I ></SPAN ></TD ><TD WIDTH="20%" ALIGN="LEFT" VALIGN="MIDDLE" >Name of select group</TD ></TR ></TBODY ></TABLE ><P ></P ></DIV ><P ></P ><UL ><LI ><P > Required attributes are <TT CLASS="parameter" ><I >values</I ></TT > and <TT CLASS="parameter" ><I >output</I ></TT >, unless you use the combined <TT CLASS="parameter" ><I >options</I ></TT > instead. </P ></LI ><LI ><P > If the optional <TT CLASS="parameter" ><I >name</I ></TT > attribute is given, the <TT CLASS="literal" ><select></select></TT > tags are created, otherwise ONLY the <TT CLASS="literal" ><option></TT > list is generated. </P ></LI ><LI ><P > If a given value is an array, it will treat it as an html <TT CLASS="literal" ><optgroup></TT >, and display the groups. Recursion is supported with <TT CLASS="literal" ><optgroup></TT >. </P ></LI ><LI ><P > All parameters that are not in the list above are printed as name/value-pairs inside the <TT CLASS="literal" ><select></TT > tag. They are ignored if the optional <TT CLASS="parameter" ><I >name</I ></TT > is not given. </P ></LI ><LI ><P > All output is XHTML compliant. </P ></LI ></UL ><TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" CLASS="EXAMPLE" ><TR ><TD ><DIV CLASS="example" ><A NAME="AEN3366" ></A ><P ><B >Example 8-12. Associative array with the <TT CLASS="varname" >options</TT > attribute</B ></P ><TABLE BORDER="0" BGCOLOR="#E0E0E0" CELLPADDING="5" ><TR ><TD ><code><span style="color: #000000"> <span style="color: #0000BB"><?php<br />$smarty</span><span style="color: #007700">-></span><span style="color: #0000BB">assign</span><span style="color: #007700">(</span><span style="color: #DD0000">'myOptions'</span><span style="color: #007700">, array(<br /> </span><span style="color: #0000BB">1800 </span><span style="color: #007700">=> </span><span style="color: #DD0000">'Joe Schmoe'</span><span style="color: #007700">,<br /> </span><span style="color: #0000BB">9904 </span><span style="color: #007700">=> </span><span style="color: #DD0000">'Jack Smith'</span><span style="color: #007700">,<br /> </span><span style="color: #0000BB">2003 </span><span style="color: #007700">=> </span><span style="color: #DD0000">'Charlie Brown'</span><span style="color: #007700">)<br /> );<br /></span><span style="color: #0000BB">$smarty</span><span style="color: #007700">-></span><span style="color: #0000BB">assign</span><span style="color: #007700">(</span><span style="color: #DD0000">'mySelect'</span><span style="color: #007700">, </span><span style="color: #0000BB">9904</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">?></span> </span> </code></TD ></TR ></TABLE ><P > The following template will generate a drop-down list. Note the presence of the <TT CLASS="parameter" ><I >name</I ></TT > attribute which creates the <TT CLASS="literal" ><select></TT > tags. </P ><TABLE BORDER="0" BGCOLOR="#E0E0E0" CELLPADDING="5" ><TR ><TD ><PRE CLASS="programlisting" >{html_options name=foo options=$myOptions selected=$mySelect}</PRE ></TD ></TR ></TABLE ><P > Output of the above example would be: </P ><TABLE BORDER="0" BGCOLOR="#E0E0E0" CELLPADDING="5" ><TR ><TD ><PRE CLASS="screen" ><select name="foo"> <option label="Joe Schmoe" value="1800">Joe Schmoe</option> <option label="Jack Smith" value="9904" selected="selected">Jack Smith</option> <option label="Charlie Brown" value="2003">Charlie Brown</option> </select></PRE ></TD ></TR ></TABLE ></DIV ></TD ></TR ></TABLE ><TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" CLASS="EXAMPLE" ><TR ><TD ><DIV CLASS="example" ><A NAME="AEN3376" ></A ><P ><B >Example 8-13. Dropdown with seperate arrays for <TT CLASS="varname" >values</TT > and <TT CLASS="varname" >ouptut</TT ></B ></P ><TABLE BORDER="0" BGCOLOR="#E0E0E0" CELLPADDING="5" ><TR ><TD ><code><span style="color: #000000"> <span style="color: #0000BB"><?php<br />$smarty</span><span style="color: #007700">-></span><span style="color: #0000BB">assign</span><span style="color: #007700">(</span><span style="color: #DD0000">'cust_ids'</span><span style="color: #007700">, array(</span><span style="color: #0000BB">56</span><span style="color: #007700">,</span><span style="color: #0000BB">92</span><span style="color: #007700">,</span><span style="color: #0000BB">13</span><span style="color: #007700">));<br /></span><span style="color: #0000BB">$smarty</span><span style="color: #007700">-></span><span style="color: #0000BB">assign</span><span style="color: #007700">(</span><span style="color: #DD0000">'cust_names'</span><span style="color: #007700">, array(<br /> </span><span style="color: #DD0000">'Joe Schmoe'</span><span style="color: #007700">,<br /> </span><span style="color: #DD0000">'Jane Johnson'</span><span style="color: #007700">,<br /> </span><span style="color: #DD0000">'Charlie Brown'</span><span style="color: #007700">));<br /></span><span style="color: #0000BB">$smarty</span><span style="color: #007700">-></span><span style="color: #0000BB">assign</span><span style="color: #007700">(</span><span style="color: #DD0000">'customer_id'</span><span style="color: #007700">, </span><span style="color: #0000BB">92</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">?></span> </span> </code></TD ></TR ></TABLE ><P > The above arrays would be output with the following template (note the use of the php <A HREF="http://php.net/function.count" TARGET="_top" > <TT CLASS="varname" >count()</TT ></A > function as a modifier to set the select size). </P ><TABLE BORDER="0" BGCOLOR="#E0E0E0" CELLPADDING="5" ><TR ><TD ><PRE CLASS="programlisting" ><select name="customer_id" size="{$cust_names|@count}"> {html_options values=$cust_ids output=$cust_names selected=$customer_id} </select></PRE ></TD ></TR ></TABLE ><P > The above example would output: </P ><TABLE BORDER="0" BGCOLOR="#E0E0E0" CELLPADDING="5" ><TR ><TD ><PRE CLASS="screen" ><select name="customer_id"> <option label="Joe Schmoe" value="56">Joe Schmoe</option> <option label="Jack Smith" value="92" selected="selected">Jane Johnson</option> <option label="Charlie Brown" value="13">Charlie Brown</option> </select></PRE ></TD ></TR ></TABLE ></DIV ></TD ></TR ></TABLE ><TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" CLASS="EXAMPLE" ><TR ><TD ><DIV CLASS="example" ><A NAME="AEN3387" ></A ><P ><B >Example 8-14. Database example (eg ADODB or PEAR)</B ></P ><TABLE BORDER="0" BGCOLOR="#E0E0E0" CELLPADDING="5" ><TR ><TD ><code><span style="color: #000000"> <span style="color: #0000BB"><?php<br /><br />$sql </span><span style="color: #007700">= </span><span style="color: #DD0000">'select type_id, types from contact_types order by type'</span><span style="color: #007700">;<br /></span><span style="color: #0000BB">$smarty</span><span style="color: #007700">-></span><span style="color: #0000BB">assign</span><span style="color: #007700">(</span><span style="color: #DD0000">'contact_types'</span><span style="color: #007700">,</span><span style="color: #0000BB">$db</span><span style="color: #007700">-></span><span style="color: #0000BB">getAssoc</span><span style="color: #007700">(</span><span style="color: #0000BB">$sql</span><span style="color: #007700">));<br /><br /></span><span style="color: #0000BB">$sql </span><span style="color: #007700">= </span><span style="color: #DD0000">'select contact_id, name, email, contact_type_id<br /> from contacts where contact_id='</span><span style="color: #007700">.</span><span style="color: #0000BB">$contact_id</span><span style="color: #007700">;<br /></span><span style="color: #0000BB">$smarty</span><span style="color: #007700">-></span><span style="color: #0000BB">assign</span><span style="color: #007700">(</span><span style="color: #DD0000">'contact'</span><span style="color: #007700">,</span><span style="color: #0000BB">$db</span><span style="color: #007700">-></span><span style="color: #0000BB">getRow</span><span style="color: #007700">(</span><span style="color: #0000BB">$sql</span><span style="color: #007700">));<br /><br /></span><span style="color: #0000BB">?></span> </span> </code></TD ></TR ></TABLE ><P > Where a template could be as follows. Note the use of the <A HREF="language.modifier.truncate.html" ><TT CLASS="varname" >truncate</TT ></A > modifier. </P ><TABLE BORDER="0" BGCOLOR="#E0E0E0" CELLPADDING="5" ><TR ><TD ><PRE CLASS="programlisting" ><select name="type_id"> <option value='null'>-- none --</option> {html_options options=$contact_types|truncate:20 selected=$contact.type_id} </select></PRE ></TD ></TR ></TABLE ></DIV ></TD ></TR ></TABLE ><TABLE WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" CLASS="EXAMPLE" ><TR ><TD ><DIV CLASS="example" ><A NAME="AEN3394" ></A ><P ><B >Example 8-15. Dropdown's with <optgroup> </B ></P ><TABLE BORDER="0" BGCOLOR="#E0E0E0" CELLPADDING="5" ><TR ><TD ><code><span style="color: #000000"> <span style="color: #0000BB"><?php<br />$arr</span><span style="color: #007700">[</span><span style="color: #DD0000">'Sport'</span><span style="color: #007700">] = array(</span><span style="color: #0000BB">6 </span><span style="color: #007700">=> </span><span style="color: #DD0000">'Golf'</span><span style="color: #007700">, </span><span style="color: #0000BB">9 </span><span style="color: #007700">=> </span><span style="color: #DD0000">'Cricket'</span><span style="color: #007700">,</span><span style="color: #0000BB">7 </span><span style="color: #007700">=> </span><span style="color: #DD0000">'Swim'</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">$arr</span><span style="color: #007700">[</span><span style="color: #DD0000">'Rest'</span><span style="color: #007700">] = array(</span><span style="color: #0000BB">3 </span><span style="color: #007700">=> </span><span style="color: #DD0000">'Sauna'</span><span style="color: #007700">,</span><span style="color: #0000BB">1 </span><span style="color: #007700">=> </span><span style="color: #DD0000">'Massage'</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">$smarty</span><span style="color: #007700">-></span><span style="color: #0000BB">assign</span><span style="color: #007700">(</span><span style="color: #DD0000">'lookups'</span><span style="color: #007700">, </span><span style="color: #0000BB">$arr</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">$smarty</span><span style="color: #007700">-></span><span style="color: #0000BB">assign</span><span style="color: #007700">(</span><span style="color: #DD0000">'fav'</span><span style="color: #007700">, </span><span style="color: #0000BB">7</span><span style="color: #007700">);<br /></span><span style="color: #0000BB">?></span> </span> </code></TD ></TR ></TABLE ><P >The script above and the following template </P ><TABLE BORDER="0" BGCOLOR="#E0E0E0" CELLPADDING="5" ><TR ><TD ><PRE CLASS="programlisting" >{html_options name=foo options=$myOptions selected=$mySelect}</PRE ></TD ></TR ></TABLE ><P > would output: </P ><TABLE BORDER="0" BGCOLOR="#E0E0E0" CELLPADDING="5" ><TR ><TD ><PRE CLASS="screen" ><select name="breakTime"> <optgroup label="Sport"> <option label="Golf" value="6">Golf</option> <option label="Cricket" value="9">Cricket</option> <option label="Swim" value="7" selected="selected">Swim</option> </optgroup> <optgroup label="Rest"> <option label="Sauna" value="3">Sauna</option> <option label="Massage" value="1">Massage</option> </optgroup> </select></PRE ></TD ></TR ></TABLE ></DIV ></TD ></TR ></TABLE ><P > See also <A HREF="language.function.html.checkboxes.html" ><TT CLASS="varname" >{html_checkboxes}</TT ></A > and <A HREF="language.function.html.radios.html" ><TT CLASS="varname" >{html_radios}</TT ></A > </P ></DIV ><DIV CLASS="NAVFOOTER" ><HR ALIGN="LEFT" WIDTH="100%"><TABLE SUMMARY="Footer navigation table" WIDTH="100%" BORDER="0" CELLPADDING="0" CELLSPACING="0" ><TR ><TD WIDTH="33%" ALIGN="left" VALIGN="top" ><A HREF="language.function.html.image.html" ACCESSKEY="P" >Prev</A ></TD ><TD WIDTH="34%" ALIGN="center" VALIGN="top" ><A HREF="index.html" ACCESSKEY="H" >Home</A ></TD ><TD WIDTH="33%" ALIGN="right" VALIGN="top" ><A HREF="language.function.html.radios.html" ACCESSKEY="N" >Next</A ></TD ></TR ><TR ><TD WIDTH="33%" ALIGN="left" VALIGN="top" >{html_image}</TD ><TD WIDTH="34%" ALIGN="center" VALIGN="top" ><A HREF="language.custom.functions.html" ACCESSKEY="U" >Up</A ></TD ><TD WIDTH="33%" ALIGN="right" VALIGN="top" >{html_radios}</TD ></TR ></TABLE ></DIV ></BODY ></HTML >