1. 程式人生 > >初始化表單(保留搜尋提交之後下拉選框預設值的方法)

初始化表單(保留搜尋提交之後下拉選框預設值的方法)

做的專案某頁面需要有一個搜尋,希望在我選擇下拉選框的某個值提交,返回結果之後,之前提交的值預設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);
//渲染模板
.
.
.