初始化表单（保留搜索提交之后下拉选框默认值的方法）

最新推荐文章于 2022-07-28 11:09:00 发布

weixin_42384119

最新推荐文章于 2022-07-28 11:09:00 发布

阅读量1.5k

点赞数 1

CC 4.0 BY-SA版权

分类专栏：积硅步，以至千里文章标签：初始化表单保留表单默认值 javascript php

本文链接：https://blog.youkuaiyun.com/weixin_42384119/article/details/83046704

本文介绍了一个项目页面的搜索功能，当用户在下拉选框选择特定值并提交搜索后，如何在返回结果时保持这个选中的值作为表单的默认值。通过html、javascript和php控制器的配合实现这一功能。

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

做的项目某页面需要有一个搜索，希望在我选择下拉选框的某个值提交，返回结果之后，之前提交的值默认selected。
比如选了“333”这个选项提交之后，仍然保留在333，而不是---选择设备---
html代码如下：

<form class="well form-inline margin-top-20" id="form" method="post" action="#">
        <select class="form-control" name="device_name" style="float: left; width: 140px;" id="status">
            <option value="0">----选择设备----</option>
            <volist name="device_info" id="vo">
                <option value="{$vo.device_name}">{$vo.device_name}</option>
            </volist>
        </select>``
        <input type="submit" class="btn btn-primary" style="margin:0px 30px" value="查询"/>
</form>

js代码如下：

<script>
		var device_name = "{$device_name|default= ''}";
		if(device_name != ''){
			$("#status").val(device_name);
		}
</script>

最低0.47元/天解锁文章

200万优质内容无限畅学