HTMLの入力補完用データリスト要素の内容を、PHPの配列で指定する方法。
サンプル
PHPコード
<?php
$array = array( "入力候補１", "入力候補２", "入力候補３", "入力候補４", "入力候補５" );
$sampleDatalist = "<input type=\"text\" name=\"inputName\" autocomplete=\"on\" list=\"datalistId\">\n";
$sampleDatalist .= "<datalist id=\"datalistId\">\n";
for ( $i = 0; $i < count( $array ); $i++ ) {
$sampleDatalist .= "\t<option value=\"{$array[$i]}\">{$array[$i]}</option>\n";
}
$sampleDatalist .= "</datalist>\n";
echo "{$sampleDatalist}";
?>
$array = array( "入力候補１", "入力候補２", "入力候補３", "入力候補４", "入力候補５" );
$sampleDatalist = "<input type=\"text\" name=\"inputName\" autocomplete=\"on\" list=\"datalistId\">\n";
$sampleDatalist .= "<datalist id=\"datalistId\">\n";
for ( $i = 0; $i < count( $array ); $i++ ) {
$sampleDatalist .= "\t<option value=\"{$array[$i]}\">{$array[$i]}</option>\n";
}
$sampleDatalist .= "</datalist>\n";
echo "{$sampleDatalist}";
?>
↓↓↓出力結果↓↓↓
出力結果
HTMLコード
<input name="inputName" autocomplete="on" list="datalistId" type="text">
<datalist id="datalistId">
<option value="入力候補１">入力候補１</option>
<option value="入力候補２">入力候補２</option>
<option value="入力候補３">入力候補３</option>
<option value="入力候補４">入力候補４</option>
<option value="入力候補５">入力候補５</option>
</datalist>
<datalist id="datalistId">
<option value="入力候補１">入力候補１</option>
<option value="入力候補２">入力候補２</option>
<option value="入力候補３">入力候補３</option>
<option value="入力候補４">入力候補４</option>
<option value="入力候補５">入力候補５</option>
</datalist>