php – HTML下拉列表最佳实践

发布时间：2020-12-13 21:38:04 所属栏目：PHP教程来源：网络整理

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

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

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

解决方法

生成的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","Five"];

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

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!