Smarty:html_options函數(shù)

2018-10-15 08:30 更新

{html_options}

{html_options}是一個自定義函數(shù), 可以使用提供的數(shù)據(jù),生成HTML的<select><option>標(biāo)簽,還可以設(shè)置選中項等屬性。

參數(shù)名稱類型必選參數(shù)默認(rèn)值說明
valuesarrayYes, 除非使用 options 屬性n/a下拉框值的數(shù)組
outputarrayYes, 除非使用 options 屬性n/a下拉框顯示的數(shù)組
selectedstring/arrayNoempty選中的項
options數(shù)組Yes, 除非使用 values 和 outputn/a鍵值對的數(shù)組,用于下拉框
namestringNoemptyselect組的名稱
  • 必要的屬性是values 和 output, 除非你使用組合的options來代替。

  • 除非提供了可選屬性name, 才會創(chuàng)建 <select></select>標(biāo)簽, 不然,只會生成<option>列表。

  • 如果設(shè)置的值是數(shù)組,會當(dāng)作HTML的<optgroup>,并且顯示該下拉組。 <optgroup>是支持遞歸的。

  • 其他不在上面列表中的鍵值對參數(shù),會直接在輸出的 <select> 標(biāo)簽中顯示成 名稱=值 的屬性。 如果可選參數(shù)name沒有設(shè)置,那么它們將被忽略。

  • 全部的輸出都符合XHTML的。

Example 8.9. 使用options屬性

<?php
$smarty->assign('myOptions', array(
                                1800 => 'Joe Schmoe',
                                9904 => 'Jack Smith',
                                2003 => 'Charlie Brown')
                                );
$smarty->assign('mySelect', 9904);
?>

下面模板將生成一個下拉列表。 注意name提供了值,所以會生成 <select>標(biāo)簽。

{html_options name=foo options=$myOptions selected=$mySelect}

輸出:

<select name="foo">
<option value="1800">Joe Schmoe</option>
<option value="9904" selected="selected">Jack Smith</option>
<option value="2003">Charlie Brown</option>
</select>

Example 8.10. 分開賦值values 和 ouptut

<?php
$smarty->assign('cust_ids', array(56,92,13));
$smarty->assign('cust_names', array(
                              'Joe Schmoe',
                              'Jane Johnson',
                              'Charlie Brown'));
$smarty->assign('customer_id', 92);
?>

上面的兩個數(shù)組,將會如下輸出HTML (注意這里有使用了PHP的 count()函數(shù)作為修飾器來計算size值).

<select name="customer_id" size="{$cust_names|@count}">
   {html_options values=$cust_ids output=$cust_names selected=$customer_id}
</select>

輸出:

<select name="customer_id" size="3">
    <option value="56">Joe Schmoe</option>
    <option value="92" selected="selected">Jane Johnson</option>
    <option value="13">Charlie Brown</option>
</select>

Example 8.11. 數(shù)據(jù)庫例子(如 ADODB 或 PEAR)

<?php

$sql = 'select type_id, types from contact_types order by type';
$smarty->assign('contact_types',$db->getAssoc($sql));

$sql = 'select contact_id, name, email, contact_type_id
        from contacts where contact_id='.$contact_id;
$smarty->assign('contact',$db->getRow($sql));

?>

下面是模板,注意使用了 truncate 修飾器。

<select name="type_id">
    <option value='null'>-- none --</option>
    {html_options options=$contact_types|truncate:20 selected=$contact.type_id}
</select>

Example 8.12. <optgroup> 下拉組

<?php
$arr['Sport'] = array(6 => 'Golf', 9 => 'Cricket',7 => 'Swim');
$arr['Rest']  = array(3 => 'Sauna',1 => 'Massage');
$smarty->assign('lookups', $arr);
$smarty->assign('fav', 7);
?>

而模板里:

{html_options name=foo options=$lookups selected=$fav}

輸出:

<select name="foo">
<optgroup label="Sport">
<option value="6">Golf</option>
<option value="9">Cricket</option>
<option value="7" selected="selected">Swim</option>
</optgroup>
<optgroup label="Rest">
<option value="3">Sauna</option>
<option value="1">Massage</option>
</optgroup>
</select>

參見 {html_checkboxes} 和 {html_radios}

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號