页面表单中选择框下拉菜单的构建及转显方法总结

本文链接：https://blog.csdn.net/qq_35025374/article/details/126687854

本文总结了页面表单中选择框下拉菜单的构建方法，包括直接编写、数据库字典表结合JS以及ThinkPHP框架的应用。同时介绍了在显示页面时，如何将选项1、2、3等数值类型转换为对应名称，提供了原生SQL、Layui数据表格以及ThinkPHP控制器的转显策略。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面表单中选择框下拉菜单的构建及转显方法总结

一、页面表单中选择框下拉菜单的构建方法
方法一：
页面表单中下拉菜单项不多的情况可以直接写
//表单页面下拉菜单项显示名称，表单提交时实际写入数据库也是名称

<select name="city" lay-verify="required" lay-vertype="tips" lay-reqtext="请选择城市">
	<option value="">请选择</option>
	<option value="南京">南京</option>
	<option value="苏州">苏州</option>
	<option value="无锡">无锡</option>
</select>

//表单页面下拉菜单项显示名称，表单提交时实际写入数据库是对应的数值

<select name="city" lay-verify="required" lay-vertype="tips" lay-reqtext="请选择城市">
	<option value="">请选择</option>
	<option value="1">南京</option>
	<option value="2">苏州</option>
	<option value="3">无锡</option>
</select>

方法二：
页面表单中下拉菜单项较多的情况，可以先在数据库中建字典表，再在页面表单中通过JS调用php文件
1、数据库中字典表
表名：ys_citys
字段：id , name
2、PHP文件：
文件名称：select-citys.php

<?php
	require_once("dataconn.php");  //连接数据库
	$sql = "SELECT * FROM ys_ci