前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >django 分类搜索(根据不同的单选框,改变form提交的地址)

django 分类搜索(根据不同的单选框,改变form提交的地址)

作者头像
玩蛇的胖纸
发布2018-07-05 16:59:10
1.2K0
发布2018-07-05 16:59:10
举报

前端html部分form

<form id="searchform" action="#" method="get"  class="navbar-form navbar-left">
                <label class="radio-inline">
                    <input type="radio" name="searchtype" value="soft" checked>
                    <span style="color: white">软件</span>
                </label>
                <label class="radio-inline">
                    <input type="radio" name="searchtype" value="shop">
                    <span style="color: white">店铺</span>
                </label>
                <label class="radio-inline">
                    <input type="radio" name="searchtype" value="task">
                    <span style="color: white">任务</span>
                </label>
                <div class="form-group" style="margin-left: 5px">
                    <input type="text" name="keyword" class="form-control" placeholder="软件/店铺/任务">
                </div>
                    <button type="button" id="searchbutton" class="btn btn-default">搜全站</button>
            </form>

前端js部分

<script>
    $(document).ready(function(){
        $("#searchbutton").click(function(){
            var a = $("input[name='searchtype']:checked").val();
            if(a=="soft"){var newUrl = "{% url 'goods:softlist' %}";}
            if(a=="shop"){var newUrl = "{% url 'goods:shoplist' %}";}
            if(a=="task"){var newUrl = "{% url 'goods:tasklist' %}";}
                //设置新提交地址
            $("#searchform").attr('action',newUrl);    //通过jquery为action属性赋值
            $("#searchform").submit();    //提交ID为myform的表单
        })
    });

</script>
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2018-06-15 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 前端html部分form
  • 前端js部分
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档