select下拉框的數據回顯

需求描述：select框，下拉后又很多的選項，選擇一個，根絕后台代碼做查詢，完成之后，頁面上的select框還是之前選的那個值

解決思路：select本質就是 value和text一一對應，根據你的select下拉菜單，可以在代碼中看看value具體是什么，text是什么，比如說value是對應的id而text是對應的name，然后后台根絕選擇的內容查詢的時候，可以把這個id取出來，然后返回到select存在的頁面，通過封裝好的函數，來回顯。話不多說貼代碼。

代碼：

<select id="select1" name="select1" class="form-control js-example-basic-single">
    <option  th:each="s : ${selectMap}" th:value="${s.key}" th:text="${s.value}"  xmlns:th="http://www.w3.org/1999/xhtml"></option> //我的selectMap的key value 分別是id 和 name
</select>

<input type="hidden" name="dId" id="dId" th:value="${dId}"/>   //后台傳過來的id  modelMap.addAttribute("dId",id); 

js代碼：

<script type="text/javascript" th:inline="javascript" xmlns:th="http://www.w3.org/1999/xhtml">
    var dId = [[${dId}]];   //后台傳過來的id  modelMap.addAttribute("dId",id);  
    if (CommnUtil.notNull(dId)) {
        $("#select1").val(dId).trigger("change");//把select的value是id值的那個對應的文本顯示出來  trigger是jQuery封裝好的方法
    } else {
        $("#select1").val(null).trigger("change");//id為空的話 select框就是空
    }
</script>

總結：對於這種小的知識點就是只能這樣總結，因為找起來實在是太浪費時間了，身為菜鳥的我要加油！！！