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

做的项目某页面需要有一个搜索,希望在我选择下拉选框的某个值提交,返回结果之后,之前提交的值默认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>

控制器中:

//获取到提交过来的值
$device_name = input("device_name");
//赋值
$this->assign("device_name",$device_name);
//渲染模板
.
.
.

猜你喜欢

转载自blog.csdn.net/weixin_42384119/article/details/83046704
今日推荐