一個基於jQuery的移動端條件選擇查詢插件(原創)


下載插件

目前給出的下載是混淆了后的代碼

願意一起探討的可以找我要源碼

使用方式:

   

var ConditionsChoose = $("#Screening").ConditionsChoose({
                Json: {
                    "Id": "Region",
                    "Text": "區域",
                    "List": [
                    {
                        "Value": "不限",
                        "Text": "不限"
                    }]
                },
                Query: true,
                QueryInput: false,
                QueryInputText: '請輸入查詢名稱',
                Callback: function () {
                    PageIndex = 1;
                    QueryAjax();
                }
            });
            ConditionsChoose.Get("Region");
       ConditionsChoose.GetInputValue();
Json參數:必填 為你的條件,Json格式
  "Id":用於獲取用戶選擇的條件值、"Text":用於展現給用戶的類型名稱、"List":條件選項集合
    "Value":選項值、"Text":展現給用戶的選項文本
  "Query":非必填 true|false 默認展現、是否展示搜索框和搜索按鈕
  "QueryInput":非必填 true|false 默認展現、是否展現搜索框
  "QueryInputText":非必填 true|false 默認為空、搜索框提示文本
  "QueryButton":非必填 true|false 默認展現、搜索框是否展現搜索按鈕
  "Callback":非必填 搜索按鈕單擊之后所執行的事件
Get()函數獲取指定ID的用戶選擇項值
GetInputValue()獲取搜索欄用戶輸入的值

下面為效果圖片( ^_^ )

移動端效果PC端


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM