jquery多字段筛选,极简方法

weixin_33733810

于 2017-11-16 14:08:00 发布

阅读量233

点赞数

文章标签： javascript php ViewUI

原文链接：https://my.oschina.net/laobia/blog/1574460

版权

为什么80%的码农都做不了架构师？>>>

去别人的网站上看了一下多条件筛选提交,原来实现原理就这几句代码就ok了,后台进行字段查询,实现功能思路正确很重要.

key:<input type="text" id="key_1"><br/>
key2:<select id="key_2">
    <option value="1">op1</option>
    <option value="2">op2</option>
    <option value="3">op3</option>
</select>
<p>
    <button  onclick="sub()">提交</button>
</p>


<script type="text/javascript" src="__INDEX__/js/jquery.min.js"></script>
<script>
    function sub(){
        //构建url
       var getUrl = '/index.php/index/News/xx/key1/key1_value/key2/key2_value.html';
        //替换字段
        getUrl=getUrl.replace("key1_value",$("#key_1").val());
        getUrl=getUrl.replace("key2_value",$("#key_2").val());
        //跳转
        location.href=getUrl;
    }
</script>

转载于:https://my.oschina.net/laobia/blog/1574460