HTML下拉列表最佳实践

Question

我正在整理一个相当简单的HTML/Javascript/PHP表单(我对所有这些都相当新).表单的一个字段要求用户从合理长的列表中选择一个选项(使用下拉列表).列表的内容极不可能改变.是否有一种"更好"的方式来填充列表而不是简单地使用大量<option>标签:

<select name="longlist">
    <option value="one">One</option>
    <option value="two">Two</option>
    ....
    <option value="sixty">Sixty</option>
</select>

Answer 1

生成的HTML总是必须有选项标签,但您可以使用PHP或jQuery动态生成它.

例如

PHP

<select>
<?php
$myArray=array("One","Two","Three", "Four", "Five");
while (list($key, $val) = each($myArray))
  {
  echo "<option>" . $val . "</option>"
  }
?> 
</select>

jQuery的

<select id="array-test"></select>

var myArray= ["One","Two","Three","Four","Five"];

$.each(myArray, function(index, value) { 
  $("#array-test").append("<option>" + value + "</option");
});