1. 程式人生 > >select下拉框使用完畢後,重置按鈕使其清空

select下拉框使用完畢後,重置按鈕使其清空

select下拉框 click reset gre 選擇 思路 name 代碼 人才

需求描述:select下拉框後邊有兩個按鈕,一個查詢,一個重置,點擊重置,select會清空之前選擇的那個查詢條件

解決思路:臥槽,這不so easy 麽,用那個jQ封裝的trigger函數搞定啊,對select賦個null的值,我真是個人才,哈哈哈哈哈哈哈嗝(仿佛聽到了一群人在說MDZZ~~~),好了,上代碼

代碼:

 <button class="btn sbold green" id="resetBut" name="resetBut" th:onclick="|resetBut()|">
  <span class="ladda-label">重置</span>
</button>

js代碼:

function resetBut(){
$("#select1").val(null).trigger("change"); //一行就搞定 紅紅火火恍恍惚惚哈哈哈哈哈哈
}

總結:感覺沒啥要說的,這個就是靈機一動。

select下拉框使用完畢後,重置按鈕使其清空