查询select中选中的值bootstrao+Vue.js+spring

CooperLees

于 2017-11-28 17:57:38 发布

阅读量494

点赞数

CC 4.0 BY-SA版权

分类专栏： bootstrap

本文链接：https://blog.youkuaiyun.com/Mrsanger/article/details/78657612

bootstrap 专栏收录该内容

2 篇文章

订阅专栏

本文介绍了一种通过前端页面选择工单状态进行数据过滤的方法。使用HTML与JavaScript结合的方式实现工单状态的选择，并通过切换不同的选项来改变后端查询参数，从而实现不同状态工单的查询。此外还涉及到了如何在后端SQL查询中加入状态判断。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

看页面端：

<div class="form-group col-sm-1" style="width: 15%;">
    <select id="statusSearch" class="form-control">
        <option value="0">新工单</option>
        <option value="1">已派工</option>
        <option value="2">维修完成</option>
        <option value="3">回访完成</option>
    </select>
</div>

看js：

reload: function () {
     vm.q.status= $('#statusSearch').val();
  
   $("#jqGrid").jqGrid('setGridParam',{
        postData: {
            
                 'status' : vm.q.status
        },
然后在改一下xml的sql语句就可以了 加一个判断，if
其实也可以这么来
js中这么写：
var status="";
var sta=$('#statusSearch').val();
switch(sta){
casw(1):
  ****
break;
case(2):
break;
}
不过我们这里有写好的action，所以我就没有这样重新去判断。做switch