js_幾個下拉框組合成篩選條件

問題背景:到前天爲止,把一部分期末任務完成了,於是就可以閒下來寫寫代碼了(開心)。


正文:

我負責實現的一個小任務是在幾個下拉框中確定篩選條件,然後組合一下,去後臺根據篩選條件拿到數據,再返回到前端,展示出來。具體來說就是下圖這樣:

3個條件是3個下拉框,在下拉框裏面可選擇一個值,比如條件1是年級,條件2是班別,條件3是性別,我依次選中“4”“2”“男”,那麼點擊確定後,就是篩選4年級2班的男生。

對每一個下拉框的操作,在博文
http://blog.csdn.net/qq_28123095/article/details/78735646
中已經說過了。這次想說的是有一些小地方要注意,容易出bug.

  1. 注意要3個條件都選擇完後,點擊確定,纔去後臺找數據。

    這可以通過判斷點擊確定按鈕後,再判斷“是否3個條件都選擇了?”來完成。若是,則去後臺找數據;否則,可以彈出提示框告知用戶。比如alert()方法,也可參考鏈接
    http://www.w3school.com.cn/js/js_popup.asp

  2. 按鈕的css方法,箭頭型?光標型?詳細的可以看鏈接。
    http://www.w3school.com.cn/cssref/pr_class_cursor.asp

  3. 怎麼判斷3個條件都篩選了? 通過&&來實現,這是且的意思。有C基礎的同學應該不難理解。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章